首页 > 网页教程 > 设计分享 > 平面设计中关于控制视觉层次的设计方法

平面设计中关于控制视觉层次的设计方法

时间:2013-07-15    来源:派代网

印刷和屏幕布局,是平面设计的最重要的方面之一。跨过多个页面或屏幕的设计,无论类型的或大或小,必须是吸引人的,并容易为所有人接受的方式。为此我们不得不考虑的一个重要方面——控制视觉层次的设计。

在这篇文章中,我们将着眼于怎样把不同类型分解成不同的层次,如重要性和语音语调等。我们将探索如何依靠这几件事情,可以实现不同视觉质感和色调。

设计师作为读者

文字组成单词,每个单词都有意义。虽然文字规模,色调,纹理是组成设计的必要元素,但人们认可设计时,必须考虑到实际的话的含义。通过阅读,并试图了解在一个项目中某些文字使用的频率来决定的排版顺序和相对重要性的信息是至关重要的。有价值的设计师,能使关键单词和字母耐人寻味,具有挑战性,甚至令人震惊的效果,进而吸引读者注意力。

为了提高目标受众对设计的理解,并促进其与它的互动,设计人员需要换位思考,并解释他们的层次结构,根据内容增加或减少文字。

Rebecca Foster’s在英国青年维克剧院的海报,展现了一个聪明的双重含义。

安东尼诺兰信托基金成立在20世纪70年代在英国找到骨髓匹配,以帮助在抗击白血病。海报和Web页面,由约翰逊银行设计的,反映这些不同的单词相同的字母联系。

大胆使用全大写的无衬线字体是高度可见的,但它们经常被用来警告危险,他们大幅增加在整体设计中某些词的意义。

更多装饰字体能吸引人,但可能会难以阅读,将不可避免地影响到视觉上的层次,但不一定都以简单的方式呈现,所有的字体的视觉影响都需要考虑周全。

Little Miracles的设计,使用简明的无衬线字体,用来传达微妙的口味和健康性能的有机能量饮料。

纹理和色调

字母,单词丶图案多种类型在一起,形成不同的色调值和不同的特征的图案或纹理。根据这些色调值的规模及纹理,观看者被吸引到的程度不同。字体,点的大小,色调,重量,字间距,行间距和一般的空间位置分布也是重要的,因为它们的布局会造成不同程度的影响

纹理和色调控制用户读取文本的顺序。虽然主流报价在灰色方块和文字不是在页面顶部,但他们会让人第一眼就看到。 

字体结合创建层次

在本节中,我们将讨论相结合的字体产生趣味。创建层次结构的关键是对比,它可以来自简单的改变重量,规模丶定位丶颜色丶语气或字体。虽然这听起来容易,但做起来是复杂的。尽管使用了似乎是一个完全不同的字体,可能会有意想不到的效果。因此视觉的判断是至关重要的。

两种截然不同的字体,Baskerville and Futura组合。

博物馆和画廊网站优秀的示范了复杂层次结构。字体组合增强机构的视觉识别,往往采用不同的字体匹配不同的展览内容。

维多利亚和阿尔伯特博物馆,国家肖像画廊(伦敦)和古根海姆博物馆(纽约)所有的网站层次结构复杂,所有使用字体精心打造,充满秩序丶结构和号召力。

相关推荐
平面设计与网页设计的差异性浅析
网站设计教程分享 回归内容“简洁大气”设计指南
优秀网页/平面设计师是怎样炼成的
网站Banner广告设计经验谈
一个设计师的成长:或许要经历的5个阶段
关门涨姿势!如何从AV封面中学习平面设计?
10个简单实用的平面设计方法分享
学多不如错少!五个最常见的设计思维误区
精彩总在下半夜:如何从AV封面中学平面设计
字体设计教程:字体还能这么玩 聊聊文字的“性取向”
读懂十大未来设计趋势,别让你的设计白费力气
为什么页面跟设计稿差距这么大?是啊!为毛啊?
UI、UX傻傻分不清楚?来一份清晰详尽的设计师分工指南
亲历者说!日本的平面设计水平为什么这么高?
年度总结:最新视觉设计六大趋势分享
设计师实战总结:如何自学平面设计?
创意思维:如何进行封面设计?
腾讯CDC:泛泛而谈界面中的斑马纹设计
简单而又不单调的网页视觉设计技巧
如何杜绝网页设计中视噪对用户的影响
如何让手绘应用于视觉设计中而增强亲和力和感染力
网页视觉设计如何针对用户有效表达信息
网站页面设计中光的特效设计引导用户视觉焦点
网页PS设计教程:手把手教你制作漂亮的商业模板
网页PS设计教程:手把手教你制作WordPress新闻博客模板
网页设计教程:5个原则助你设计一个成功的购买按钮
案例分析社交型网站首页设计的优秀设计原则
从网站可用性的角度深入分析苹果和微软官网设计的优劣
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
视觉设计之材质绘制的色彩理论
网站设计之10个儿童网站分析及设计特点总结
网页配色经验分享:叠柔配色技巧及图解分析
工具型网站设计及典型案例分析
深入探讨图片格式与网页设计的那点事儿
分享:网页核心内容对视觉表现的影响

精彩推荐

热门教程