美工设计的留白艺术
留白是软件界面设计中需要遵循的重要视觉准则之一。网页设计中留白使元素之间保持距离,拥有呼吸的空间。下面放几招留白要点。
空白不代表无用
一些人可能认为页面上的空白越少越好,为了放尽可能多的文字,图片等信息,或者为了缩小整体版面。其实不然,页面上元素越多越容易混乱,让人找不到正确的阅读顺序(视觉流线)。所以页面需要充分的留白,当然过多留白也不好,需要找到一个平衡点。
一般来讲留白过多比留白过少要好一些。所以设计时多调整,看哪一种比较舒服。
区分清晰的层次
不同的留白可以区分不同的版块以及同一版块的不同层次。留白能够增加或者降低元素的易见性。元素周围留白越多,显得越醒目突出。
Michael Wong网站的“About”页面,焦点就是标题文本“Hi there”。因为它的字号最大,周边留白最多,所以第一眼看到的就是它。
导航条上的几个引导文本也很突出,虽然字号不大,但是文本间隙比较大,文本和背景颜色设置也对比明显。
再来看Tuts+ Network网站。它的首页文本字号有的极大,有的极小,层次对比鲜明。
控制文本可读性
标题字号要最大,标题下的文本要紧跟着标题以示与标题有关联。段落要有段间距,否则文本显得冗长难读。页面底部要适当留白。
GOOD Magazine网站对字号和文字留白的使用很赞。因为它是以文章为主的网站,所以其文本很突出,字体不是一般的大,文本的行间距也够大,文本色与背景色对比鲜明。
Inky网站的首页文本层次运用也很出色。标题文字都够大,然而往下拉发现有些段落文本字号很小,似乎影响影响了文本阅读,其实加强了文本块与块之间的`区分,增强了各区块的整体性。当然这是基于这些文本属于不那么重要的辅助性信息。
平衡页面布局
做出一个平衡的布局需要敏锐的眼光。
如Si Digital网站,其标题,底部和中间文本区域的具体留白方法都不一样。但总的来说字体很相似,每个区域四周都有充分的留白,显得宽敞开放。
Checkout App网站也类似。每个区块用空白区分的很开,看起来比较宽松舒适。
空白运用得当时,网页布局均衡,人通常不会注意到留白的存在,而空白运用不当时,页面布局就会给人感觉不均衡,就需要调整了。
作为设计师,可以把留白当做睡眠和空气,两者是生活不可或缺的元素。没必要把留白当做必须遵守的规则,不如把它做可爱的设计帮手。
-
新手如何做好网页美工设计
导语:当你看到一个新颖很有画面感的网页时候,可能你更多考虑到的是其中的美妙或者产品,你是否有想过,这样一个网页的背后是如何来设计或者美化的吗?当你点击开一个链接,被其中一个产品或者一个海报所吸引,你又是否想过是什么样的因素这样牵引着你进一步去点入的呢?其实...
-
美工设计的三个基础标准
关于设计标准的问题,例如产品设计的一致性、容错、简洁、重视内容等。在这些问题中,我发现大家思考设计标准的维度都有一些偏差或者不完整,所以今天想把一些自己如何思考设计标准的粗浅想法记录一下,下面是小编为大家整理的美工设计的三个基础标准,欢迎参考~美工设...
-
详解美工设计的思路及方法
做美工的不应该只停留于技术层面,也应该有自己的思路和想法,有和运营争论的资本,让自己有更大的提升空间。详情页优化的好坏还与整个运营设计团队的文化素养和学识有密不可分的关系。网上有些人把美工分为技术型美工和运营型美工,我觉得这个也是美工自我发展的一个...
-
美工设计师应该要具备什么能力
导语:如果你想要成为一名美工设计师,那么你首先应该要具备着一定的能力。而具体是什么样的能力,那么你在整个美工学习的过程中是应该逐渐去培养的。那么美工设计师应该要具备什么样的能力?接下来让我们一起去看看吧:作为一名美工设计师应该要到心态的问题,在累计阶...