400 693 6199

好的网页时尚设计趋势容易被错误的使用弄巧成拙

时间:2018-06-03 10:42:12 关键词:设计细节 明亮 网站设计 动态效果 实验性 字体排版 极简主义 细节点缀

  以貌取人大略说以貌取物是人类的天性,这也是为什么用户在深化了解网站的功能和实用性之前,通常倾向于借助网站色调设计来对它进行评判。不少设计师紧跟设计流行趋势,不断优化网站设计也正是为了这一点。可是,网站设计趋势就真的百利而无一害的吗?其实,网站设计趋势是一把双刃剑,它既有益处也有弊端。一方面,紧跟设计趋势能够保持网站的流行度,树立积极正面的网站形象,另一方面,每一种设计趋势都有自己的使用情景和注意事项,如果使用不当,再好的网页趋势可能也是砒霜,而非蜜糖。今天小飞就带大家好好探究一下这些潮流网页设计趋势(潜在风险、推荐使用方案、注意事项等),毕竟知己知彼才能百战百胜嘛。

  1. 明亮配色

  众所周知,色彩是情绪传递的重要途径,如何在品牌Logo和UI界面使用配色是一个网站的经营策略所在。相对于暗色和中性色彩,明亮的配色更易招引用户的注意,更能传递出正面情绪。鲜艳显眼的颜色会让用户觉得有趣,有活泼充沛的感觉;稍微温馨一点的色彩能让用户感到舒适、放松。尽管明亮配色看着能为网站添色不少,它也可能干扰用户感触,带来事与愿违的效果。

  

 

  潜在风险:

  1. 大片明亮的色彩块大略多相近颜色的组合常产生炫光的效果,这会让用户觉得刺眼。当用户有这种感觉后,他们可能就会离开,这与我们想要借助明亮配色招引用户的初衷截然相反。

  2. 当明亮的配色作为文本的背景时,它会感染网站文本的可读性,甚至会让用户无法浏览。就算用户最终实现了浏览,他们对网站的印象也不会好到哪里去。

  推荐方案:

  记得使用暗色系或中性色彩来平衡明亮色彩;

  多在细节项上使用明亮的色彩,招引用户并进行引导;

  在大范畴排版中使用明亮的色彩作为装饰、点缀;

  使用明亮的色彩强调内容区块或引起互动;

  注意事项:

  避免在大范畴元素上使用明亮的色彩,比如网站背景;

  避免在一个页面大略区域内使用太多不同的鲜艳颜色;

  尽量不要在正文当中使用明亮的色彩;

  尽量不要在图标和按钮这样的关键元素上使用过于鲜艳的颜色;

  2. 实验性的排版布局

  谈到如何招引用户注意力,设计师在这方面可谓脑洞大开,实验性的排版布局就是他们想象力和创造力的一个实例。这种设计趋势是有趣、好玩的,它将不平衡、非典型的手绘页面带回到内容布局中。在实验性排版布局之中,图片、排版、界面不是对齐的,各种元素的边距也各不相同,有时甚至会重叠,以此营造其独特的失调感。也因此,在满屏幕都是简约整洁的网站设计时,使用了这种设计风格的网站可以一下子脱颖而出,招引用户的注意力。

  

 

  潜在风险:

  1. 实验性的内容区域带来的设计感固然能让人眼前一亮,但是十分规的布局设计可能会导致部分元素的隐藏,偏离常规逻辑的交互也会让消息的可见性较差,这样一来,精心设计的布局反而成了用户获取消息的障碍。

  2. 网站中清晰的视觉层次结构是引导用户浏览内容的重要指向。而在许多实验性的内容区域中,常会有元素不规定的、反常规地活动,这可能会让整个视觉层次显得混乱,感染用户消息的获取。

  推荐方案:

  当内容浏览不是网站的主要目标时,采用实验性布局;

  在结构整齐的布局中,将不对称的元素作为整个布局的细节点缀;

  将不同的内容分组,并在不同的内容块之间保持明确的分隔,避免出现混乱;

  当整个排版有足够的对比度时,可使用元素叠加;

  注意事项:

  不要在内容为主的页面中使用实验性布局;

  不要在用户需要快速浏览内容的页面中采用实验性布局;

  不要在页面中随机排布元素,保持基本的对齐很有必要;

  不要盲目使用元素叠加,应当考虑对比度和其中的含义;

  3. 细节点缀

  虽然极简主义的设计依然广受欢迎,但是设计师们现在开始试图让其中的细节更加丰富。这是因为,有趣的细节更加招引人。不管是浮动的导航栏、装饰性的小图标、还是下划线、几何图形和小碎片,它们都让整个网站焕发出新的生机。

  

 

  潜在风险:

  细节点缀确实很能招引用户注意力,让用户觉得更愉悦。然而,在目前的极简主义网站设计中,太多的细节点缀很容易与内容主体形成竞争。这时,细节点缀非但不有助于用户获取内容和消息,反而会感染整个布局的层次结构,令用户产生困惑。

  推荐方案:

  让点缀的细节来衬托主体内容,确保不感染主体内容的可读性;

  使用细节来构建引导用户注意力的视觉系统;

  使用极简风格的布局来平衡细节;

  让细节和主体内容关联、搭配起来使用;

  注意事项:

  不要在内容为重的页面使用小细节点缀;

  避免随意地点缀细节,不要让无目的的细节感染整个网站的呈现;

  尝试把细节和导航系统分隔开来,避免可用性问题;

  细节仅仅只是细节,不要让它成为设计的主体;

  除了上面的明亮配色、实验性排版布局、细节点缀,下面这些潮流的设计趋势在使用时一般要多加注意:

  4. 超小字体

  小的字体排版常常即可让页面看着更精致,更有逼格。因为它能够给其他元素留下足够的呼吸空间,也易构成视觉对比,突出重点消息。

  但是另外一方面,超小的字体排版在大块文本内容中可能会显得不显眼,或是感染内容区块的可见性和可读性。所以最好只在篇幅较短的段落中使用超小字体。还有,避免使用比13pt 更小的字体,那样的字体实在是太小了。

  

 

  5. 实验性导航

  实验性的导航是另外一个正变得潮流的设计趋势,它和实验性的排版布局一般是设计师的创意展现,别具一格的导航设计能让网站变得更加有趣。

  而实验性导航所存在的风险也就在于它的不决定性。如果导航足够有趣,而且可用性很强,这倒不会感染网站的整体效果。但是,如果实验性导航并不是那么直观,那么就会感染网站的正常运转。所以,为了确保这种设计趋势给网站带来良好的效果,网站上线之前的测试至关重要。

  

 

  6. 动态效果

  动态效果让网站外观充满了无限的可能性,它也能够让用户感触更有趣、愉悦。不过我们在运用动态效果的时候一定要注意动态效果应该是服务于用户感触的,而不是单纯用来炫技的。

400 693 6199
微信客服 在线咨询
重庆市渝中区重庆村1号商务大厦11F