行业资讯
您的当前位置: 首 页 >> 新闻中心 >> 行业资讯

网站设计的十大原则

发布日期:2018-04-27 00:00 来源:http://www.zhang-hui.com 点击:

无论你所执行的网站项目的规模大小,这些规则都是良好设计的基础。如果你遵循这些基本的指导原则,并把它们作为你开始的每一个项目的一部分,你就可以避免在设计中可能遇到的许多陷阱!

1.你应该始终如一

一致的设计易于使用和理解。用户在浏览以及执行的动作和网站设计在视觉效果上,应该在外观和功能上相似。

这意味着按钮需要相同的颜色,并使用相同的悬停状态,以帮助用户知道如何互动;同级的标题应该是相同的大小,并使用相同的字体在整个设计中;元素,如颜色的调色板是可被识别的,并与品牌相关联。

其他视觉元素也应遵循一致的风格,诸如图标或图片、视频或插图等元素的风格和使用。设计应该有一个用于文本整体的基调,与整体美感相匹配。

所有这些一致性元素都有助于整体的可用性,使设计尽可能容易地与用户交互。

2.你应该充分利用空白

没有必要在有限的空间里充斥着各种各样的元素。使用空间来建立节奏和视觉流,创造视觉层次,帮助用户轻松的阅读和理解设计。

好的、视觉上舒适的内容自然会使用户在你的页面上保持滚动。

同时,空白的空间可以帮助鼓励用户继续移动他们的视线,尽可能多的参与用户操作。

屏幕尺寸越小使得空白的必要性就越强。元素周围的额外空间有助于创建分离并使其更易于阅读(想一想,当轻轻地点击按钮时,一点额外的空间是多么有益)。

如果你不知道设计中哪里需要空白的辅助的话,你可以试试从这里开始:

· 围绕按钮或其他交互元素;

· 文本间距,使阅读更容;

· 不同的元素之间,以使得元素之间的界限分明可见;

· 在表单中,足够的空间很容易在移动设备的屏幕上使用;

· 围绕你希望用户关注的任何元素。

3.你应该利用网格

网格是用户体验的基础。当你充分利用网格完成一个网站设计的时候,你会发现最终的网站更精确,更一致,并且元素被放置在一个视觉上。

网格分水平的和垂直的,优秀的网站设计在网格的使用上更多的遵循12列垂直对齐元素的列网格。

如果你在设计时针对元素找不到位置或需要创造一个有组织的轮廓时,网格是一个必不可少的工具。

4.不要忘记用户模式

用户经过长时间的操作,已经习惯于以某种方式来进行操作,并期望从设计中得到具体的东西。为了获得尽可能多的成功,设计应该使用用户习惯的模式(重复设计问题的解决方案),以便人们确切地知道设计的功能。

常见的用户模式包括:

· 表单中的信息顺序,以名称或电子邮件开始,以“提交”结束;

· 放置导航菜单;

· 电子商务网站中的定位和购物车图标点击自然;

· 搜索和聊天的图标,以及其他的辅助元素。

5.你应该统一UI操作

网站设计中的每个元素都应该像其他类型的元素一样工作。这些元素还应该具有可视标识,以便用户一目了然地知道它们是什么以及是做什么的。

一个站点有这么多的用户界面操作,所以遵守相似性原则就显得至关重要了。将视觉元素和操作进行分组以便视觉识别,将有助于为用户创建更好的总体体验。

6.你应该好好运用字体

对于字体,你不必成为一个大师,但它确实有助于整体页面的质感提升。

优秀的设计是往往是植根于可读性和易读性的。这些概念取决于你如何选择和使用字体。

如果在字体的选择上你遇到疑惑的话,尽可能的选择简单的字体,如衬线和无衬线。从实际的尝试中获得结果,看看字体是否容易阅读。然后尝试在移动设备上,比如手机上,以确保在那里也很容易阅读。

试着在高对比度的环境中使用字体,比如深色背景上的浅色字体或浅色背景上的深色字体,这样每个字都很容易读懂。

7.不要忘记高清屏

即使是最小的屏幕也能使元素和图像接近像素完美。

您需要考虑如何处理图像、图标和其他元素,以便无论在任何尺寸的屏幕上都能呈现漂亮和完整的元素。如果可能的话,使用矢量格式是理想的解决方案,这也是SVG一直在流行的原因之一。

如果你没有一个很好分辨率的图像的话,不要轻易的使用它,没有什么比坏或像素化的图像更有害于整体视觉了。

8.你应该诚实

你的设计应该符合你的小企业、信息或品牌以及你所做的事情。不要“偷”一个设计或视觉图像,不要用虚假关键字来增加流量,你需要让用户真实地了解你是谁以及你的内容是什么。

现在有如此多的网络干扰,用户更加希望与真实的设计交互。欺骗用户或是误导他们的话题或信息对你个人以及企业是致命的。

9.不要忽视可访问性

网络应该尽可能多的人使用。虽然听起来很难,但是确保设计是可访问的这是为了实现这一目的的第一步,它并不像你想象的那么复杂。

良好设计的许多原则,如大小、对比度和空间,都有助于整体可访问性的提升。

WebAIM有一个清单,涵盖了四个领域的可访问性:设计是可感知的,可操作的,可理解的和强大的。

10.你的站点应该反应灵敏

这一点在2018年来说简直就是显而易见的,你的网站必须响应。这包括每个元素,从文本到图像到按钮到整个框架。

每个设计都必须能够在每种设备上工作。

总结

一套客观合理的规则可以帮助你更快地进入设计项目,并更一致地工作。请注意,这些规则中没有一条告诉你一个项目应该是怎么样的;它们植根于你如何勾勒和创建的每个网站。

相关标签:网站基础服务

客户案例

0577-56873201

地址:温州市鹿城区鱼鳞浃安居大楼(金钰商务楼后面)

邮箱:hmkjcn@126.com

电话:0577-56873211

传真:0577-56873201

网址 :www.zhang-hui.com

qcode.png

张慧网络手机版

在线客服
分享