企业化教学模式 1对1实战辅导

网页UI设计注意事项

好的网页UI设计一定是在网站的细节之处能达到了完美平衡。不仅色调和谐、布局规整、图文搭配条理清晰,而且在空间上带给用户足够的舒适感。

作为网页UI设计师,在创作的过程中,一定要注意字体、色彩、空白与内容间的完美融合,这样才可以构成一个美观度高且欢迎度高的设计作品。

下面是网页UI设计过程中的需要注意的几点事项

1、保证网页有足够的留白

所谓的留白,就是设计师在网页设计时,要适当地留出空白,给用户呼吸的空间。一个布满最多信息、密密麻麻一片内容的网页UI设计,一定不是好的设计。用户虽然在浏览网页的时候,可以了解到多的信息,但体验度一定是不好的。不利于网站人脉的积累。

2、在适当的地方使用适当的字体

网页UI设计,使用大胆和醒目的字体虽然很重要,但并不是所有的细节都适合。也并非字体越多,设计越独特。而是要在恰当的地方使用恰当的字体,最佳的方式是,一个网页选择1种基本字体,再配合2-3种其他字体即可。相信,哪个设计师都不希望自己辛苦做出的作品,最后给人留下很突兀的印象。

3、颜色运用不易过多、过花

颜色运用过多的网页UI设计,会在一定程度上破坏页面的层次,看不出设计师究竟想表达什么,画面也很容易带给用户脏乱差的感觉。尽量保持背景1种颜色,内容1种颜色,链接一种颜色,页头1种颜色,图案和页脚各1种颜色。也可以选择一种亮色调,再配以几种反相色调,这也不失为一种好的处理方式。

4、要区分不同内容层次

这与上提到的字体有些相反,一个好的网页UI设计,字体过多容易造成视觉的混乱,而内容层次不明显、过少,却容易造成内容主次不分。因此,字体要尽量减少,内容层次却要尽量增加。用户在刚进入网页时,便知道哪个模块是主要的,哪个模块承载的是什么功能。

5、网页整体要保持一致性

这是网页UI设计最基础遵循的原则,也是最关键的注意事项。这里讲的不是某一个页面的一致性,而是整个网页在设计上要保持一致。比如,颜色,所有的网页只采用一种基础色,其他的细节处可以用其他颜色;字体方面,标题和内容的字体大小,也要保持统一。如果网页UI设计整体不一致的话,用户在同一个网站看到不同风格的设计,相信,其再次光顾这个网站的几率也是低的。

6、网页页面尺寸的设定

网页设计在初始要界定出网页的尺寸大小就像绘画给出一块画版来这样才能方便设计
网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多另一个是浏览器软件就是我们常用的IEFriefox等
高度:
高度是可以向下延展的所以一般对高度不限制对于一屏来说一般没有一个固定值,因为每个人的浏览器的工具栏不同,所以高度没有确切值。
宽度:
1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下,宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下,宽度的分率辨减23。比如1024的宽度-23就变成1001
注:Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

以上几点为网页UI设计需要注意的常见问题,其他未尽设计要求,下期实战易继续讲解。

文章分类: 行业资讯