忍者指南如何更好地进行网页设计
已发表: 2017-05-10在此之前,网站的设计错综复杂,从零开始,没有任何类型的执行预先计划的格式或样式。 他们以这种方式得到了极大的改进。
所以暗示它是一个尖锐的事实或神话,但过去的网站更具创意和反复无常,带有狂野的色彩和实验性设计,有些甚至在背景中播放视频。 从任何意义上说,它都比现在更有趣、更酷。
这些天来,您访问的每个其他网站都以某种方式与任何其他网站相似,就好像它们是捆绑构建的一样。 一些常见的最引人注目的东西是 - 网站中存在英雄图像或滑块。 伴随着屏幕上方的导航栏。 某些用某些自定义字体编写的大行字以及用于沿页面滚动的按钮。 以及所有这些关于组织提供的产品或服务的简要描述。
似乎很明显,今年也将流行类似的事情,但是为了想出一些开箱即用的东西,需要记住的事情很少,而且你今天会收到什么。
网页设计失去创意的原因
作为一个值得怀疑的事实,我们可以毫不费力地表示,旧环境下的网站架构有时有些糟糕,但风格精明却拥有创造力和实验的真正体现。 等同于那些看起来我们一直在阅读一些比较的东西,只是在计划安排和阴影方面略有变化。
除非另行通知,否则网络规划在独特性和创造性方面已经变得异常昏昏欲睡,这是非常清楚的。 那是因为我们使它的要求相对较低吗? 很有可能随着现成结构的出现,每个时尚人士都可以在任何可以想象的时间轻松地建立一个装饰场所。
例如,如果我们考虑使用 Bootstrap,在过去的几年中,它将成为站点规划中使用最多的一个。 在我们几乎每天访问的超过 25% 的网站中,都使用 Bootstrap 进行了概述。
其基本用途的基本目的是,Bootstrap 会及时为发起者提供所需的组件,同时牢记规划站点的最终目标。 以这种方式使用它可以使过程充满活力。
无论如何,这可能会导致创造力和独特性永远失去,因此我们将研究某些基本事实,这些事实将使创作者能够赋予他们的创造力以另一种形式,并通过使用即时可用的组件将网站变为例外。
那么您对您的网站的真正看法是什么? 它只是一个保存和装备有关您的关联、应用程序或项目的改进数据的地方吗? 事实上,如果您寻求专家的观点,那么网站应该能够描绘您的形象故事,并以各种可能的方式吸引客人并让他们着迷。
尽管一个故事可能从一个小小的想法开始,然后用笔在纸上草草写下。 网络组合将为它注入活力。 因此,我们应该继续为您准备好勾勒出一个非凡的网站的方式。
1.使用图像参与
每个时装设计师必须记住的基本目标是,他/她使用的计划必须外在迷人。 以至于它吸引了客人的考虑并促使个人浏览整页。
重要的照片,动画描述或可能会拼写的录音,有助于引起观察者的注意。 并且进一步以最终目标进行初始介绍,使其持续足够长的时间以将观察者转变为潜在客户。
然而,关键的想法是出现,而不是根据需要告诉和安排事情。
这个故事应该充满象征意义,无论是通过大纲外显还是屏幕上出现的文字。 设计一个与您正在讲述的故事完美契合的阴影调色板,其中的部分可以驱使客人完成蓝图中的目标或差事。 一个好的故事将有助于引导客人。 此外,轮廓应该是可验证的视觉匹配。
2.专注于您网站的角色发展
在概述网站时,我们经常喋喋不休地谈论客户角色。 说实话,这是进步过程的关键组成部分之一。 因此,在您的故事中呈现一个客户可以与之产生积极联系的角色会将其提升到全新的水平。
角色可以是一个真实的角色,并且从一开始就贯穿整个计划,或者可以被视为接近实质的声音。
例如,您可以考虑使用电子邮件阶段 Mailchimp-Freddie 的知名角色。 我们在整个计划、博客改进和徽标弹出窗口中看到的这个卡通吉祥物确实为组织做了一些事情。
- 首先,角色有助于阐明组织名称。 正如在一场全面包括病毒式广告运动中被冒充的那样,有人投诉该组织的名称为“Mailchimp”。 然而,出现在单词旁边的黑猩猩使这个名字合法化。
- 除了角色之外,还描绘了组织希望用浅色调和基本视觉来描绘的有趣性质。
- 当他们没有大量不同的事情要以特殊的观点讨论时,弗雷迪会给组织一个故事。 黑猩猩是怎么来的? 他的名字从何而来? 等等。 角色在故事中保持清晰并不断前进。
3. 通过设计唤起参与
通过与常规活动相匹配的直观组件来增加计划的价值。 为客户需要注意或帮助将注意力吸引到带有方向标志的特定组件(例如,“倾向于”智能组件的螺栓或图片)添加活动触摸。
考虑不同的影响,可以让客户对故事感兴趣。 例如,视差外观是一种非常迷人的方法,可以帮助在屏幕上进行开发。 这就是这种方法如此突出的原因之一。

一个体面的故事不需要令人难以置信。 人类通过基本的漂移动作与合影来推动他们的故事,以帮助您了解组织背后的一般人群。 它直截了当且引人注目。 (还要注意员工的照片。有趣的姿势和外表让每个同事的性格都散发出来。)
4. 进行有意义的微交互
考虑客户将与之交互的大纲中的次要组件。 基于 Web 的社交网站特别推动了如此多的参与,因为它们通过微交互进行基本的接触。
作为复习,当客户参与计划时,微交互只是几分钟的时间。 每次您更改设置、传达特定内容、登录或喜欢您看到的微交互状态时。 从点击 Instagram 的心(看着它变红)到点击转发,这些批评圈是让客户回归的原因。
显着的微交互使大纲感兴趣。 它包括使一般经验有益的客户能力水平。
微交互还使计划支持或寻求。 将这些会议纪要与您网站的主要目标联系起来。 它可以是任何东西,从允许客户分享他们刚刚获得的物品到在物品清单中添加一些东西以同意接受警告。
5)让你的故事成为一个叙述者
每个故事都有开始、中心和结尾。
如果您的 Web 架构没有与此故事流对话,客户可能会感到困惑或迷失。 这是最不复杂的方程:
开始:徽标和功能。 告诉客户您的身份以及他们出现在您网站上的原因。
中心:所有让你与众不同的支持故事。 您可以为您网站上的个人完成什么? 他们期待什么是个好主意?
结束:不可否认的采取行动的建议,例如,框架、购买能力或与其他事物的联系。
6) 坚持基本、简单的故事情节
这听起来可能与上述观点背道而驰,但故事应该是基本的。 这不是 1500 页的卷。 一个简单的故事情节是你可以在 5 秒或更短的时间内阐明的故事情节。
这个故事应该立即吸引客户,留下印象并让他们需要返回。 是的,你可以用开始、中心和结束来做到这一点。
上游在登陆页面上完成了所有这一切——客户可以寻找更多的故事“中心”,但可以查看登陆页面上的所有三个部分。 视觉效果和内容讲述了上游的需求和人们提供帮助的情况。 屏幕上有一个“被纳入”的按钮,视觉效果非常惊人,以至于您需要提供帮助。
故事简单而有力。 客户可能会记得它……还有你。
7) 移动友好
目前,从具有不同屏幕尺寸的众多小工具访问网站是很常见的,因此必须考虑您的网站是否适合移动设备。 如果您的网站不适合移动设备,您可以在响应式设计中对其进行修改(这意味着您的网站将根据不同的屏幕宽度而变化),或者您可以构建一个专用的移动网站(一个专门优化的单独网站移动用户)。
仅仅通过记住这些大纲组件,制作一个可爱且有用的网站绝非易事。 您是否有需要调查或增强的网络组合? 或者,另一方面,您可能正在安排一个站点,并且您希望从最早阶段开始就获得理想的计划。 无论如何,这些强大的网站架构标准可以帮助您的网站对访客来说更加迷人、有价值和重要。
8)用新技术更新自己
计算机技术的世界几乎每天都在变化,为了跟上它的步伐,网站专家应该创新地适应业务的调整。 剪下你工作日或一周的一部分,并将其用于适应你所在领域的新事物。 发现什么是新的,什么是倾斜的,什么是被淘汰的。 如果您不希望看到您的竞争对手因拥有比您更先进、更新鲜的所有专款而夺走您的业务,请注意此提示。
保持卓越的一个不错的方法是观察像 Envato Market 这样的主题或布局商业中心的流行情况。 通过检查最热门的主题,您可以发现客户正在搜索的内容以及不同的计划者提供的内容的偏差。
交给你
网络规划是一个测试领域。 在该领域取得成就确实需要韧性和肯定,以适应出现的每一种情况,并且在任何事情不顺利的时候都永远不会瘫痪并不奇怪。 为了在网站组成方面取得成就,您需要一个特定的最终目标是勤奋和“永不放弃”的举止。 到目前为止,你们中的很多人应该在你的专业生活中排练这些技巧中的一个或大部分; 但是,我的意思是要管理那些到目前为止还没有意识到这些成就计算的人,并提醒那些绝对了解他们的人。