bv1946伟德体育-体育betvictro伟德

bv1946伟德体育视点
bv1946伟德体育>bv1946伟德体育视点>网页策划师该向印刷策划进修的3件事
网页策划师该向印刷策划进修的3件事
发表时间:2018-08-20



了解这3条经典原则,能扶掖您制造更好、更易懂的网页策划。

许多经典原则, 诸如那些字体策划原则,在线上仍然有效。图片由Peter Van Lancker供给,www.flickr.com/photos/petervanlancker

策划就是特定功能的构成——无论构成物是字节灰子 窃印U饩鸵馕蹲磐巢呋铀淖嫦取侥惺芤媪级唷

本文中,吾们细节介绍几则印刷策划原则,它们在线上仍然适用。

熟练把握下,您就能提升UI与UX策划水平,制造出更好、更易懂的策划。


01. 让读者保持专注

印刷策划专注于易读性,网页上也是如此:只噬涎“读者”换成“用户”而已。

倾向应当是清晰的表达,并且让人能够轻松纵览整个策划。吾们来看几个从印刷策划沿用过来的概念。

排版

就像报纸,用户不会阅读网站上的每个字——至少一开始不会。正如Free电子书《为人眼进行网页UI策划》里面描述的,扫视页面是用户的准则行为。

为扫视而策划时,有两种模式需要揣摩。起首是F模式。




F模式反映了用户最一贯的扫视页面的方式。他们的视线从上面开始横向移动,然下沿着左边垂直移动,寻找突出的文字。

一旦找到激起他们兴趣的始末,他们又会开始横向浏览页面。

还有Z模式:




Z模式计划:MailChimp的主页

Z模式也是一种自然的浏览模式,一贯用于报纸,网页上也是如此。用户在页面顶部水平浏览,然下向左下移动,在页面的下一行再次进行水平移动搜寻。


文字

和印刷一样,网页文字也应该有清晰的层次。决定适合的字号,有助于关键词在页面上突出,让用户更轻松的浏览页面。




清晰的文字层次:World Baking Day网站

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

  • 主要:页面上最显著的文字更大更闪耀,care到用户的 关注力。一贯用于标题与点缀。
  • 次要:介于中点的一切始末。不像标题so显著,但要在页面的通例文字中突出显示。
  • 再次:主要始末所选的文字。文字层次中的这一级,有助于使用户沉浸在正文中。
  • 其他:更小的一级,使用斜体、粗体、下划线、不同颜色等等。

配合运用,建立文字的层次,可以制造出秩序,防止用户迷失此道。

要测试您页面的易读性,可以使用“3秒原则”:简略地浏览页面,然下看向别处。此道突出的始末有没有反映出您策划意图?如果是的,那您方向正确,继续保持;如果不是,则需要打回重新策划——可能确实如此。


02. 建立平衡感

无论平衡感来自于对称、非对称或是放射状,都是为了让策划制造出稳固与一致的感觉。如果用户在您的网页上感到轻松,他们会更愿意逗留。

图片或文字不要过于密集:时刻揣摩圆素的间隙。排版倾向于简洁——密集的计划会妨碍用户。眼睛难以接受杂乱,使人更难接受信息的流转。

揣摩使用极简的策划,通过白色、黑色或非常深的背下和上景圆素达到平衡。《为人眼进行网页UI策划》里聊下过,负容量的运用可以引导用户的 关注力。




震撼的极简策划体育betvictro伟德:鞋类直营ETQ的网站

上面找子 镜腅TQ网站,利用了负容量将视线引向所陈列的产品。页面底部对比鲜明的黑白色块,让用户决定尺寸或查看商品Price。

网页上极少干扰信息,制造了一种平静与秩序的感觉——易于 这般,也瞩望有助于促成用户购买。


03. 制造可靠的策划

让您的策划对于一切用户都是可靠的。不要使用两种如该的字体,确保一切年龄层的用户都能阅读。过于杂乱会扰乱信息。

如果您发现自己在屏幕上手足无措,您的策划可能就包含了太多的图片。

决定配色Plan时也要时刻为用户着想——如果是医院网站,使用冷静柔和的色彩;如果受众是青少年,则适合更鲜明的色彩。



UC San Diego Health的网站选用的配色很顺应它严肃的始末

下面是一些书籍策划中常犯的错误,同样适用于网页:
  • 未经过足够的测试:始终要尽可能广泛对策划进行测试。始末可能会跨越多种媒介(网页、电子书、印刷品),这会使得文字有新面貌。而且,有些字体转换到新媒介上可能会变得不易阅读。找到适用于一切情境的字体非常要紧。还要揣摩您的策划在不同屏幕尺寸、不同分辨率和不同浏览器中如何展现。
  • 不恰当的语调:为每个页面圆素决定正确的语调。与字体一样,标题应该care到读者care,副标题作为标题的阐明或补充,正文要像一段友好的对话——温暖亲切,让读者渴望了解更好优质信息。
  • 不恰当的格式:遵循您所选的媒介:否则,会一直糜费时间修改文件,应对公分YK用于印刷、RGB用于网站这样的小case。



深度阅读:UXPin的Free电子书,2015-2016趋势的网页策划手册



——bv1946伟德体育分享,转载秀策划。

XML 地图 | Sitemap 地图