如何进行网页设计——排版设计的小技巧
(1)减少使用不同类型字体
使用过多的的字体让网站看起来没有结构且不专业。一般来说,将字体数量限制在小限度,并粘贴相同的字体到整个网站。如果使用多个字体,请确保字体系基于字符宽度互相补充。以下面的字体组合为例。
(2)布局排版简洁明了
让手机用户和PC端用户在短时间内可以把内容卡看你的清楚,找到自己想找的内容。切忌大量文字堆砌。保持移动端和PC端网站的一致性。
(3)减少文字输入部分
如今的智能手机大多没有实体的键盘,加上手机屏幕的限制,指控输入相对比较麻烦。因此要简化注册流程。
(4) 行间距的重要性
在排版中,通过增加行高,可以增加文本行之间的垂直空白空间,通常提高可读性以换取屏幕空间。使用空白的技能在于为用户提供可消化量的内容,然后剥离无关紧要的细节。
(5)PC端网页设计特点
①扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。
②响应式设计页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端--而不是为每个终端做一个特定的版本。
③视差滚动设计是指网页内的元素在滚动屏幕时发生的位置的变化,然而各个不同的元素位置变化的速度不同,导致网页内的元素有层次错落的错觉。
④滚动侦测网页设计是指利用CSS的实现将版面内容按照导航顺序垂直或横向排布,使得用户点击相应导航tab时页面自动滑到相应页面,而若点击内容,导航也将随之改变。
⑤全屏网页设计是用摄影照片作为网页背景是一种较为常见的网页布局形式,设计师通过使用精美的全屏照片,从强烈的视觉冲击角度给用户留下深刻印象,提升用户对于网站的好感度。
温馨提示