沈阳专业网站优化SEO服务_辽宁初衷网络科技有限公司

沈阳SEO > 网页设计 > / 正文

网站设计与印刷之间的关系

2017-11-13 网页设计

网站设计或者平面设计都是特定功能的形成——无论形成物是字节仍是原子。这就象征着网页设计从它的先人——纸墨中受益很多。

本文中,咱们重点介绍多少则印刷设计准则,它们在线上依然实用。

纯熟控制后,你就能晋升UI与UX设计程度,发明出更好、更易懂的设计。

01. 让读者坚持专一

印刷设计专一于易读性,网页上也是如此:只是把“读者”换成“用户”罢了。

目的应该是清楚的表白,并且让人可能轻松纵览全部设计。咱们来看多少个从印刷设计沿用过来的概念。

排版

就像报纸,用户不会浏览网站上的每个字——至少一开端不会。正如免费电子书《为人眼进行网页UI设计》里面描写的,扫视页面是用户的尺度行动。

为扫视而设计时,有两种模式须要斟酌。首先是F模式。

F模式排版:Creative Bloq的主页

F模式反应了用户最通常的扫视页面的方法。他们的视线从上面开端横向移动,而后沿着左边垂直移动,寻找凸起的文字。

一旦找到激发他们兴致的内容,他们又会开端横向阅读页面。

还有Z模式:

Z模式布局:MailChimp的主页

Z模式也是一种天然的阅读模式,通常用于报纸,网页上也是如此。用户在页面顶部程度阅读,而后向左下移动,在页面的下一行再次进行程度移动搜查。

文字

跟 印刷一样,网页文字也应当有清楚的档次。抉择合适的字号,有助于关键词在页面上凸起,让用户更轻松的阅读页面。

清楚的文字档次:World Baking Day网站

咱们来看看文字档次中一些常见的层级:

重要:页面上最明显的文字更大更闪烁,吸援用户的留神力。通常用于题目与装潢。

次要:介于旁边的所有内容。不像题目那么明显,但要在页面的惯例文字中凸起显示。

再次:重要内容所选的文字。文字档次中的这一级,有助于应用户沉迷在注释中。

其余:更小的一级,应用斜体、粗体、下划线、不同色彩等等。

配合应用,树立文字的档次,能够发明出秩序,避免用户迷失其中。

要测试你页面的易读性,能够应用“3秒准则”:简单地阅读页面,而后看向别处。其中凸起的内容有不反应出你设计用意?假如是的,那你方向准确,持续坚持;假如不是,则须要打回从新设计——可能确切如此。

02. 树立均衡感

无论均衡感来自于对称、非对称或是喷射状,都是为了让设计发明出牢固与一致的感到。假如用户在你的网页上觉得轻松,他们会更乐意勾留。

图片或文字不要过于密集:时刻斟酌元素的空隙。排版偏向于简练——密集的布局会妨害用户。眼睛难以接收混乱,使人更难接收信息的流转。

斟酌应用极简的设计,通过白色、玄色或十分深的背景跟 远景元素到达均衡。《为人眼进行网页UI设计》里探讨过,负空间的应用能够领导用户的留神力。

震动的极简设计案例:鞋类品牌ETQ的网站

上面展现的ETQ网站,应用了负空间将视线引向所摆设的产品。页面底部对照赫然的黑白色块,让用户抉择尺寸或查看商品价钱。

网页上极少烦扰信息,发明了一种安静与秩序的感到——当然,也盼望有助于促成用户购置。

03. 发明牢靠的设计

让你的设计对所有用户都是牢靠的。不要应用两种以上的字体,确保所有年纪层的用户都能浏览。过于混乱会捣乱信息。

假如你发明本人在屏幕前不知所措,你的设计可能就包括了太多的图片。

抉择配色计划时也要时刻为用户着想——假如是医院网站,应用沉着柔跟 的颜色;假如受众是青少年,则合适更赫然的颜色。

UC San Diego Health的网站选用的配色很吻合它严正的内容

下面是一些书籍设计中常犯的过错,同样实用于网页:

  • 未经由足够的测试:始终要尽可能普遍对设计进行测试。内容可能会逾越多种媒介(网页、电子书、印刷品),这会使得文字有新面孔。而且,有些字体转换到新媒介上可能会变得不易浏览。找到实用于所有情境的字体十分主要。还要斟酌你的设计在不同屏幕尺寸、不同辨别率跟 不同阅读器中如何展示。

    不适当的语调:为每个页面元素抉择准确的语调。与字体一样,题目应当吸引读者留神,副题目作为题目的阐明或弥补,注释要像一段友爱的对话——暖和亲热,让读者盼望了解更多信息。

    不适当的格局:遵守你所选的媒介:否则,会始终挥霍时间修正文件,应答CMYK用于印刷、RGB用于网站这样的问题。

    深度浏览:UXPin的免费电子书,2015-2016趋势的网页设计手册

    想要了解更多有用的UI与UX设计技能,查看UXPin的免费电子书,《2015-2016趋势的网页设计手册》

    在其中,你会看到166个手工筛选 的案例,来自于Adidas、Intercom、Apple、Google与Versace这样的公司。还列出了100项免费的在线资源,辅助你加速设计流程。

    作者信息:

    Kyle Pereira

    Kyle is publishing and design studio manager of TLAC Design Studio. He has more than 20 years of experience in print, graphic design, computer graphics and prepress: www.tlac.ca

Tags:

更多网站设计与印刷之间的关系的相关文章

网站分类
标签列表