下面结合一些例子谈谈我对空白设计的一些简
空白,在页上主要是指除图形文字内容之外的空间。页中的空白虽没有像山水画中计白当黑的那么浪漫,但他在引导用户视觉和创造流畅的视觉感受方面却是至关重要的。
施乐公司在推出《施乐出版标准》中,他们这样描述他们设计的原则:页面设计的主要目标是视觉认知和清楚易读。这些目标必须通过和谐的排印、有效地利用图画和空白空间,有节制的利用(字行)来完成 多次重复,在视觉上形成必然联系可以引导视线和帮助读者快速浏览。设计中,留出大量空白空间作为空白表现领域,使标题突出,大的图画得到视觉上的延伸。
下面,结合一些例子,谈谈我对空白设计的一些简单理解。
例子1:
A:
B:
这是两个彩票投注的页面,从整个页的功能来说几乎是一样的,但是A站的设计空白使用的比较散乱再加之内容过多,会产生不知从哪里开始也不明白到哪里结束的视觉感觉,对于用户来说会花费更多时间精力去分辨和判断什么是什么;B站页面的空白使用相对合理,在用户会花时间最多的操作区域内保留了更多的空白空间,这样不单可以起到强调操作区的作用,同时为眼睛找到一点点休息的区域,这相对拥挤的页面更能帮助用户再操作的过程中不容易着急。空白在这里首先是页面看上去更清爽一些了,同时也提高了页的可用性。
例子2:
A:
B:
C:
先看soso和百度的,很明显两个页面使用了同样的排版的手法,
产生的效果也是类似的。这样横纵像表格一样的排版,在每一个项目周围会产生一些暧昧的空白空间,请试着体验一下眼睛在需找其中一项的时候是如何在这些并不明确的空白空间中游走的,这样做的结果很明显的导致了页面实用性的下降,用户很可能在寻找的过程中产生很难找到东西的心理感受,但是soso的内容较少所以可用性还是不错的。再看看google的做法,google的做法也许你会说这样排版太浪费空间了。的确这样的做法的确是浪费空间,但是这样做的好处在于:这两列加右侧留白空间,在视觉上给了用户足泡一壶清茶够的引导-非常明显的从上到下的浏览方向,可用性相对较高。
空白其实也就是图形和背景的关系,但是和图形设计中阴形阳形的使用有所不同的是,图形设计中图底之间的关系更为复杂,形成的美感更富变化,图底可能分别都作为视觉的主题在进行设计,从而形成非常暧昧互相变化的复杂图形,如:下图。
但这种做法在页的设计中要慎用,这样很容易造成图形的底形分不清,造成视觉上的困扰。
以上举得只是很小的空白应用的例子,在这里也络文章时间::17阅读:是抱着学习交流的态度在在人生路上行走的时候写一些平时收集的小设计心得。希望大家多多支持~~ 更希望高手指正交流~~
怎么体育锻炼缓解神经衰弱补肾壮阳吃点什么药好口苦眼涩头一动就眩晕-
北京开放大医院临床实践平台 全国招募“住院医”
北京开放大医院临床实践平台 全国招募“住院医”根据北京市卫生和计划生育委员会、北京市中医管理局关于开展...[详细]
-
方舟子质疑崔永元:你的科学顾问宣扬水变油
方舟子质疑崔永元:你的科学顾问宣扬水变油日前,有新闻报道称崔永元接下了某家具品牌代言,十年代言费为2个...[详细]
-
中南大学编安全手册 提醒女生防“社交性强奸”
中南大学编安全手册 提醒女生防“社交性强奸”中南大学迎新安全手册认为10类女生需要特别防范性侵害长相漂亮...[详细]
-
甲状腺癌发病率翻番女性居多 与辐射和饮食有关
甲状腺癌发病率翻番女性居多 与辐射和饮食有关甲状腺癌已成本市增长最迅速恶性肿瘤,发病率10年翻了一倍多,...[详细]
-
四企业复方肝浸膏片检出高含量铬
四企业复方肝浸膏片检出高含量铬包括长治市三宝生化药业有限公司等4家企业生产的复方肝浸膏片(胶囊)检出高...[详细]
-
女子工资全交男友 网友-我替她担心这笔钱以后还能拿回来吗
女子工资全交男友 网友:我替她担心这笔钱以后还能拿回来吗女子工资全交男朋友:“我的好友找了1个男朋友,可...[详细]