UI.

5基本面每个网络设计师都需要了解

保罗·特拉尼 经过 保罗·特拉尼  |  2014年4月17日

我们都完全了解了什么让网站看起来很糟糕:过度使用的斜角效果,玉米剪贴画,过度拥挤的布局。这些烦恼是通过在思维中的设计基础上发展 - 与专业设计师和艺术家相似的相同原则,很容易纠正。

伟大的网站带来形式和功能。事实上,根据a的说法,精心设计的网站被视为更可信的网站 斯坦福学习 并且实际上更容易使用(由研究人员研究 唐诺曼)。因此,这里有五个基本面,帮助您以练习的最前沿保持质量设计。

 

1)遵守规则…mostly

在设计学校,他们’LL为您提供一个原则列表,以将该规则分配给Beauty-Element,如布局,订单和对称性。但是,当你推进时,你’然后,RE被告知要打破规则有点为观众创建地点’通过使用种类,紧张或对比等元素来看看眼睛。

这里’s an 页面 我做了边缘回流cc。你能发现所用的不同设计元素吗?

 

2)使用图像和图标尽可能沟通

有一些普遍的图标,人们训练接受响应。放大镜(搜索),房屋(主页)和软盘(保存)已经进入您的用户。利用这些 视觉快捷方式;所有这些道路标志都应该立即识别给您。

 

3)颜色作为设计元素,而不是装饰

颜色使得所有的差异,特别是因为我们的屏幕在手机和平​​板电脑上变得更好。它’S的设计方面可以是您网站想要讲述的故事的真正关键部分。只需使用颜色来支持内容,而不是装饰页面。经常,如果你’使用照片,设计中的颜色应该从所用的照片中取样,所以您的设计具有良好的统一感觉。

我非常喜欢用颜色样本拉出颜色的例子 - 以及 adobe. Kuler. Web应用程序是使用不同主题的好方法,然后将它们导入您的设计工具。使用的最佳规则之一是使用免费颜色。这基本上是使用暖色和凉色调在一起以提供平衡。

 

4)选择支持内容的字体

从字面上有数千个字体可供选择。

It’由你混合和匹配 - 但请记住它’最好的做法,只能在一个时间使用最多三个字体 - 一个很好的标题字体,一个用于主体的文本,那么一个用于您可能需要的任何呼叫。通常,这意味着使用SAN-Serif用于正文副本,并且对于头条新闻,您可以使用Serif或Sans-Serif来获得更有趣的。

 

5)帮助他人

好吧,你’ve得到了你的基本设计元素,具有漂亮的图标和图片,具有声音配色方案和有趣的字体。什么’s next?

当然,从别人那里得到帮助!而不仅仅是街上的随机人,而且来自真正了解他们的东西的人的建设性批评,如其他设计师/开发人员。这可能是从OK网站到一个真正流行的网站。如果你’ve从未使用Behance发布一部工作,我建议给它尝试一下。活跃的社区将不仅仅是告诉你的“使徽标更大” - 但为您提供可以在良好网站和一个伟大的网站之间产生区别的建议。

 

深入了解如何将设计元素应用于Web开发,从SXSW中查看我的演示: