欢迎来到知海社区首页!
|

知海全国 ∨我要报名》 咨询热线:400-878-6338

知海社区>全部版块>技术交流

UI设计基础:移动端网页界面设计技巧

阅读28回复0 知海匠库发表于 2018-01-29 10:44 楼主

 网页设计的好与坏,除了外观设计以外还要考虑到是否适合匹配到用户的各种设备,并且在这些设备当中,网页的排版是否协调、美观,当然不只网页结构设置还有网页当中的文字设置,也尤为的重要。当然上述的技巧不仅适用在网页,在APP中也是适用。

  

  1. 文字设计要简单易懂

  文字设计的初衷就是方便用户去阅读理解。当用户打开一个网页后,发现里面的文字结构混乱,而且文章的逻辑也杂乱不堪,那么他们直接关掉走人。移动端的展现效果更为严重,毕竟在一个狭小的屏幕当中,屏幕的各种反光效果会加大眼睛对文字的识别难度,给与阅读带来不便。因此,在有限的屏幕当中,对于文字的设置就有了相当高的要求,而一般我们常用的文字结构普遍都是

  (在2×的设计稿中文字最小可读是24PX)。因此,文字设计的不能过于单薄也不能有太多色彩,所有的“手段”都必需使文字更加容易阅读。

  

  2.突出网站或APP的重点部分

  大多数的访问者,访问网站的时间一般都是很短的,如何让访问者在较短的时间里能够浏览到你想要呈递给他们的信息?这就要考虑到网站的页面设计。一般来说,我们会将最重要的信息,设置较为醒目,方便访问者在第一时间就会看到,增加他们对网站的兴趣,促进他们进一步的去访问。

  3.站在用户的角度上

  大多数的用户的上网习惯是,喜欢精简的现代字体,因此如果在他们阅读的过程中突然出现了其他字体,会让他们阅读起来比较麻烦,降低用户体验

  4.内容与背景的颜色要有反差

  作为一个普遍的常识,文章内容的颜色要与背景颜色形成反差,已达到增加用户的可读性。如果文字的色彩很重,那么配色浅色的背景会更加易读,背景和字体色彩过于相似会难以阅读,或者背景过于花哨也会显得阅读困难和档次低。

  也可以在排版中用文字玩对比(如粗细对比、大小对比和疏密对比等),如果所有的文字都很相似,你的作品将失去视觉层次,并显得很平庸。

  5.网站界面字体的风格要统一

  无论是在world还是PPT等一些列的文字书写的软件上都会存在多种多样的字体大小和字体种类,但是在网站界面中的字体,却不能设计的多种多样,而是要用规格统一的字体和风格,这样不至于用户在阅读时,被字体的风格绕晕,影响用户体验。

  6.实践

  就拿阿甲科技移动界面设计的来说,阿甲科技的UI设计师们在对网页的整体布局风格和颜色上面采用了鲜明的颜色对比,突出重点内容,方便用户在第一时间,就能够看到,在字体方面,通过简单的几个字来阐述网站内容的全意,方便用户在很短的时间里就能够清楚地了解到企业的重要信息。如下图:这样的优势是让整个看起来更为简单明了,让用户看到网页时更为的舒适。增大他们在网站的停留时间。


0

您需要登录后才可以回帖   登录 |注册会员
顶部