设计案例浅析:浅谈“懒人”设计思路

文章描述:“懒人”设计思维.

设计师总会说设计是一件很累人的事,但这部分原因可能是你自找的。时间与设计出来的效果也并不一定成正比。平面设计师或许应该培养一种“懒人”设计思维,面对一个设计时,心里应该想着的只是如何以最简单的方式完成,出来的效果可能也会更出色,毕竟,简洁的设计往往也是最好的设计。

大多数的设计都会同时涉及到文字与图片,这两者的差异是非常大的,也很难事先预料到两者一起使用时的互相影响,图片与文字如何搭配得漂亮,往往也是设计师的一个很大的挑战,一不留神,就会造成风格矛盾、细节冲突,对比错误。而且就算有一次给你做得不错,但下一次你面对另一个新项目时,你还是会为此而抓狂。

一些设计师在设计时往往会出现“设计过度”的现象。更好的方式就是象一个懒人的思维一样,图片放在这里,文字放在那里,搞定!关键是让每一个元素都简单清晰,让两者的互相影响减至最低,而且这种设计手法还可以让你一再使用,永不过时。让我们看具体的例子吧:

这是一家室内家居专业摄影工作室的册子封面,修改前的设计是一种“吃力”的设计。 设计师选择了毫不相关的字体及颜色,然后又加上背景及线条,希望使其成为一个有机的整体。其实,设计没必要搞得这么复杂!

修改后的设计,文字内容并没有改变,但整个版面分成两个区域,图片及文字各占据一个,出来的效果就是漂亮、干净、整洁,所用的时间精力也不多,而且这种构图及手法也可以一用再用!

让我们深入分析这两者的设计过程。

吃力的设计:

几经辛苦,这个设计完成了。每一步似乎都有理有据,设计师也将协调、对比、风格一致这些理论紧记于心,但老实说,出来的效果并不理想,从视觉上说也不吸引。为什么?因为设计师是事先想好了某种风格,然后强加在版面上,但偏偏主题元素又与这种设想的风格不一致,强加未遂。

我们再来总结一下这个设计:

在这个设计中,设计师主要采用了Round Bauhaus Demi字体,这种字体是一种有趣新奇的字体——处处呈现一种圆弧的感觉。然而,为了展现这种字体圆形的特点,我们需要将字体显得比较大,字母间距紧密,并且是要小写字母(上图),但问题是,设计师在设定介绍文字时,将其全部设为大写——这个时候,字体的直线感压抑了圆弧感,而且下面的文字尺寸又很小,其文字块边缘呈现向两边发散的直线视觉感(见上图箭头线段),这样的文字排版削弱了字体特有的风格,圆弧不见了,我们感觉到的只是凌乱的字体元素。

设计师深明在风格中细节必须呼应的重要性,所以他将一些地方设为圆角来呼应字体的特点(上图)。问题是,它还是不够圆,出来的效果仍然是直线占支配地位。特别是上图右所示的,我们可以观察到,这里显得非常局促,读者在观看时,看得的并不是一个整体,而是还得仔细区别你这细小的区域——竟然有4个“步骤”让读者去练眼力!毫无必要的设计。

分析完这个设计,让我们看一下“懒人”是如何设计这个项目的。

“懒人”的设计:

修改后的设计,图片异常抢眼,元素与版面风格配合,名称的文字同样醒目张扬,出来的效果漂亮清晰,为什么这种简简单单的设计手法却更能发挥作用?

通过大小及色值来区分:

精心设计的文字包含了四个视觉引导。从位置来说,呈现由上至下的引导;从字体尺寸来说,是由大至小的引导;从字体样式来说,是由粗至细的引导;从颜色明暗来说,是由暗到亮的引导。这种特点在这个设计中发挥重要的作用,你的眼睛很自然的由一个元素去到下一个元素,毫无阻碍。

介绍文字采用全大写,字母间距及行距都设得非常紧密(小写字母很难呈现这种紧缩的排列),形成了很短的文字行。文字整体呈现一种精细、垂直的视觉特点。文字放在左边,使右边留出较大的白色区域,这个区域呈现视觉张力,让人的眼睛不由自主地移到文字上来。

变化:

“懒人”就算面对一个系列的设计,也是气定神闲,以不变应万变,谈笑间就能出色完成任务!

无论上下左右,怎么放都让人满意。因为图片及元素都自成一体,互不干扰,文字放在上面, 效果与放在下面一样出色。水平放置,同样显得优雅精美。其实这是颜色的功劳,不同的图片要用不同的颜色,文字颜色取自于图片中,这样文字与图片既分离,但又有联系,整体总是显得和谐一致。当然,还要记住视觉引导:名称要重点强调,而其它的字体则低调处理。

上面几个修改后的字体及颜色是我们自由选择的,如果客户就认定最初的那种字体及绿色他最喜欢,认为最能体现室内装修的风格,非得要用回原来的那种字体及绿色。怎么办?不用一头撞墙,认为自己如果不是有其它的人生际遇否则一早就成为一个艺术家的客户大有人在,反正我们一样应付自如:

仍然保留简洁的构图,版面仍然是图片及文字各就各位;

我们采用原来的字体,但正如我们在上面所分析的,我们会采用小写字母(就算是第一个字母也是小写),并且采用细体,这样的修整,能使包豪斯的字体风格得到最大程度的体现,文字呈现更丰富的特色。

保留字体引导的特性:仍然采用上至下,大至小,暗到亮。在这个设计中,字母不需要粗细变化。

保留对齐特性:包豪斯这种字体结构决定了你很难将它们的字母紧缩排列,所以也意味着我们很难象上面一样,将文字整体设置成一个具有强烈视觉效果的列状区域。我们需要随机应变:调整成右对齐,将名称的尺寸尽量拉大,然后将字母“g“突出右边的空白区域,起到强调的作用。作用是让文字整体搭配得更密切(想象一下,如果g不突出来,名称与下方的文字会显得很松散),当然,也使版面更活。

加深绿色:加深绿色的作用是减少与红色形成过于强烈的对比,现在红色及绿色的“份量”大概平等,起到恰当的互补关系,而没有出现谁要控制谁的现象。

时间: 2024-11-03 07:42:18

设计案例浅析:浅谈“懒人”设计思路的相关文章

浅谈12306核心模型设计思路和架构设计

原文:浅谈12306核心模型设计思路和架构设计 春节期间,无意中看到一篇文章,文章中讲到12306的业务复杂度远远比淘宝天猫这种电商网站要复杂.后来自己想想,也确实如此.所以,很想挑战一下12306这个系统的核心领域模型的设计.一般的电商网站,购买都是基于商品的概念,每个商品有一定量的库存,用户的购买行为是针对商品的.当用户发起购买行为时,系统只需要生成订单并对用户要购买的商品减库存即可.但是,12306就不是那么简单了,具体复杂在哪里,我下面会进一步分析.   另外一个让我写这篇文章的原因,是

浅谈白社会交互设计的创新(三)

今天,3月21日,http://www.aliyun.com/zixun/aggregation/32056.html">世界睡眠日,恰巧是个周末,劳累了一周的大家有没有在家里睡懒觉呢~提醒大家,关注睡眠质量就是关注生活质量,关注睡眠就是关注健康. 好了,回到正题,在前作(一)和(二)中谈到了真心话和任务的设计,这次谈谈白社会中三个较小一点的设计点. 一.好友新鲜事新增提醒 在白社会的首页中,分量最重的就是这个好友新鲜事了,为了保证信息流的快速直接,我们采用了"推"的模

“懒人”设计思维:以不变应万变

设计师总会说设计是一件很累人的事,但这部分原因可能是你自找的.时间与设计出来的效果也并不一定成正比.平面设计师或许应该培养一种"懒人"设计思维,面对一个设计时,心里应该想着的只是如何以最简单的方式完成,出来的效果可能也会更出色,毕竟,简洁的设计往往也是最好的设计. 大多数的设计都会同时涉及到文字与图片,这两者的差异是非常大的,也很难事先预料到两者一起使用时的互相影响,图片与文字如何搭配得漂亮,往往也是设计师的一个很大的挑战,一不留神,就会造成风格矛盾.细节冲突,对比错误.而且就算有一次

浅谈如何提高设计类网站的用户体验度

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 对于网站的用户体验问题,站长们乐此不彼的在津津乐道的谈论着究竟如何才能提高用户体验,让访客转变为自己的顾客,这是每个网站的最终目标所向,但却并不是每个网站都能够实现的,至于原因为何,是多种多样的,下面A5 SEO诊断优化小组就接触到的VI设计类网站来谈一下怎么才能提高网站的用户体验度. 速度是第一保障 对于网站页面的速度是站长们一再强调的问题

浅谈情感化设计 如何为用户做出更好的体验

上个月在淘宝UED奶茶会分享的主题.把它整理成文字,分享给大家. 一. 何为情感 情感是人对外界事物作用于自身时的一种生理的反应.是由需要和期望决定的.当这种需求和期望得到满足时会产生愉快.喜爱的情感,反之,苦恼.厌恶. 二. 何为情感化设计 情感化的设计只是一种创意工具,表达和发挥设计师的思想和设计目的,随着时代的发展,这种创意工具将变得日益锐利. 在<情感化设计>一书中从知觉心理学的角度揭示了人的本性3个特征层次:"即本能的.行为的.反思的,提出了情感和情绪对于日常生活做决策的重

浅谈当下网页设计趋势

中介交易 SEO诊断 淘宝客 云主机 技术大厅 技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧.我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.希望这样的归类总结能给你带来更多的思路和想法. 1.响应式网页设计(Responsive Web Design) 现在越来越多用户都

qzone相册照片编辑器设计案例:减少用户思考的简洁设计

网页制作Webjx文章简介:设计案例:简化用户界面,别让用户思考. ·介绍QQ空间相册的个性化利器,能对照片进行效果的优化.文字编辑等等. 从设计上使用了创新的手法,尽量减少用户的思考.其中,通过界面的特殊表现,让用户更容易学会使用.在使用的过程中,也避免了复杂的操作方式,降低使用门槛. ·定位 了解用户需求·用户期望照片编辑工具拥有"玩"照片的成分:·大多数用户反映,最需要的功能是旋转.裁剪.添加照片的边框:·能给照片添加文字.装饰品:·对照片进行颜色或其他效果优化.- 分析用户需求

移动UI/UX交互设计案例:50个精美移动UI设计

文章描述:50款拥有超赞用户体验的精美移动UI设计. 实际上用户界面(UI)和用户体验(UX)就如同硬币的两边,两者同等重要.他们在用户跟他们的产品之间都保持着紧密的联系.用户界面(UI)描述的是面对XX以及产品,而用户体验(UX)面对的则是用户的体验和对产品的洞察力.除此之外,简单来说用户界面(UI)面对的是技术以及整个网站的表现形式,用户体验(UX)面临的则是用户的理解和反应. 最漂亮.时尚.超赞的移动UI设计都在这儿了.今天,我们从behance和dribbble挑选了50款拥有超赞用户体

设计案例分享:腾讯手机令牌的设计过程

文章描述:QQ安全我做主-手机令牌2.0设计分享. 一款小小的工具软件,如何赢得  iPhone app store4星级+评价:Android 电子市场4.5星评价,让我与您一起分享手机令牌的设计过程 什么是手机令牌? 手机令牌是通过6位动态密码保护QQ帐号.Q币和游戏装备等虚拟财产安全的手机软件.手机令牌每30S更换一次动态密码,用户在敏感操作的时候验证动态密码,以此保障自己的帐号安全.简单的说:手机令牌是一个动态密码的生成软件.是我们专为保护用户QQ帐号安全设计的手机APP. 设计工作主要