Contact

0574-27729591
city@city-design.cn

Address

中国·宁波·江北望山路26号
博瑞大厦607-608

WeChat
menu

设计细节技巧!快速提升网页版面效果

2021-04-16
网页设计过程中,我们经常会遇到,看起来差不多的排版设计,但有些网页界面给人特别舒服、自然甚至高级的感受,这里面的差距往往有一些小细节决定的,譬如留白距离,字间行距,文本色彩对比,粗细字体的使用……这些细节看起来十分不起眼,似乎不能决定网站设计的风格走向,视觉定位,然后却又决定了整体视觉的成败。今天就来聊聊那些容易被我们忽视,又可以快速提升版面效果的设计细节。

一、边缘留白
如果按照经典的方式来布局,那么尽量让上方的留白更大,视觉上更加稳当,更具吸引力。



二、从属关系的行间距
行距有助于从视觉上来判定元素的亲疏关系。如标题和文本是一组,这一组和图片、日期的距离应该稍远一些,利于用户感官上的分辨。



三、控制文本的色彩
要特别注意文本的色彩,控制好对比度,确保任何类型的显示器上都可以清晰阅读,创造良好的用户体验。



四、突出部分使用粗体
在需要强调突出显示的文本部分,建议使用粗体。不要将粗体样式应用到全部文本,这样一来视觉过于厚重,而且无法突出重点信息。



五、注意文字行高
尤其在涉及到大量文本时,将行高拉高一些,可以确保整体版面的透气性和可读性,避免给用户局促的感受。



六、文本的层级关系
确保层级最多不超过4个,控制他们整体的逻辑和一致性。不要同时使用相近又不同的文本尺寸,会让用户感到迷惑。



七、注意使用超细字体
除了装饰性文本外,超细的字体要谨慎使用浅色,浅色超细字体会影响用户阅读。



八、粗体字的行间距
如果使用粗体字的文本,要额外拉开文字的字间距和行间距,提升可读性。



九、主字体不要超过三种
控制主要字体的种类,可以使版面更加清晰有秩序。


下一篇:没有了
相关新闻
work案 例
about关 于

联系我们

Tel

0574—2772 9591
158 2427 9580

很遗憾,您现在使用的是低版本的浏览器,为了更好的浏览体验,建议使用Chrome(谷歌浏览器)访问我们的网站。