分享文本排版与网页设计的那些事

作者: 广州UI设计 发布时间:2017-09-12
在网页设计中,文本排版是很重要的,很多人认为,大量的文字占据了图片空间会显得毫无设计感可言。其实不然,广州网页设计公司别样设计认为,只要将文字巧妙地进行排版,不仅不会影响用户的阅读感,看着还很美观哦!
首先,文本排版需要考虑文字辨识度和页面易读性,就需要设计师考虑字体、字号、行距、间距、背景色与文字颜色对比等问题。大家可以想象一下,如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。因此可以让内容区的每一行承载合适的字数,以此来提高易读性。
排版中很重要的一个规范就是把应该对其的地方对齐,比如每个段落行的位置对齐。不论哪种视觉效果,精美的、正式的、有趣的还是严肃的,一般都可以应用一种明确的对齐来达到目的。通常情况下,建议在页面上只是用一种文本对齐,尽量避免两端对齐。其次,在排版文字时,版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。在排版内容区之前,需要根据页面实际情况给页面四周留出余白。
举个例子来说一下,像下面这个阿迪达斯的网站,不使用大写字母climazone在他们的品牌,然而几乎所有其他的文本页面直接屏幕!这个例子使这一轮因为排版文本与3分层图像共享空间,这是一个介于大型文本图像趋势和共享空间的趋势。


 
还有这个,大N占据了舞台的中心位置的着陆页。通过N,视频剪辑,和前台页面的颜色变化的时候。当你移动你的鼠标在屏幕上,你拖出一个大圈,给你更多的人在视频播放的背景。2-category菜单左边和右边的滚动条客户信息共享空间居住着的N次方。


 
以及这个使用图像分屏设计手法的网站,颜色的透明度产生双色版效果,再将文本进行排版,与图像相结合并不会让人感觉突兀,反而有一种莫名和谐的时尚感。这也是很多网站喜欢运用的设计手法。


 
以上就是本次分享的内容啦,其实文本排版非常考验设计师的基本功底,文字与图片结合,也能够让页面更丰富,更有可读性。
广州UI设计别样设计原创,原文地址:http://www.uibieyang.com/html/about/306.html,转摘请保留版权,谢谢。