再见 差不多先生 谈网页设计如何精益求精

  

  关于差不多先生

  你知道中国最有名的人是谁?

  提起此人,人人皆晓,处处闻名。他姓差,名不多,是各省各县各村人氏。

  差不多先生常说:“凡事只要差不多,就好了。何必太精明呢?”

  他小的时候,他妈叫他去买红糖,他买了白糖回来。他妈骂他,他摇摇头说:“红糖白糖不是差不多吗?”

  他在学堂的时候,先生问他:“直隶省的西边是哪一省?”他说是陕西。先生说,“错了。是山西,不是陕西。”他说:“陕西同山西,不是差不多吗?”

  后来他在一个钱铺里做伙计;他也会写,也会算,只是总不会精细。十字常常写成千字,千字常常写成十字。掌柜的生气了,常常骂他。他只是笑嘻嘻地赔小心道:“千字比十字只多一小撇,不是差不多吗?”

  有一天,他忽然得了急病,赶快叫家人去请东街的汪医生。那家人急急忙忙地跑去,一时寻不着东街的汪大夫,却把兽医王大夫请来了。差不多先生病在床上,知道寻错了人;但病急了,身上痛苦,心里焦急,等不得了,心里想道:“好在王大夫同汪大夫也差不多,让他试试看罢。”于是这位兽医王大夫走近床前,用医牛的法子给差不多先生治病。不上一点钟,差不多先生就一命呜呼了。

  这是胡适先生创作的一篇传记型题材寓言,通过这篇小小的寓言,我们认识了这位差不多先生,而在看了这么多关于差不多先生的荒唐事迹之后,我相信大家都不想成为差不多先生这种人。但是细细想想,是不是隐隐觉得自己身上还是有着差不多先生的影子呢?我们是不是常常也抱着“差不多”的态度对待生活和工作呢?在做网页设计的过程中,我们是不是也有过“差不多就好了”的想法呢?

  其实大部分的时候,我们并不是有意要成为差不多先生的,我们常常会觉得,这个页面的色调也不错,结构也还行,一切看似差不多了,但是又觉得好像还差点什么,但又不知道该如何继续深入下去。下面,我们假设差不多先生是位设计,我将一面给大家展示一些他的作品,一面介绍一些方法,希望能够帮助你走出这种“差不多”的状况。

  差不多先生的作品(一)

  

  这是一个局部内容的排版,看起来似乎一切都差不多,标题和内容文字有做区分,条理清晰,内容与板块间也有留白。但是你可知道正是这看似不起眼的留白也能对我们的设计画面产生影响呢!

  

  我们稍微做一点优化,只是把间距和留白的大小调整了一点,甚至是几像素而已。相比之下条理更为清晰,可读性更强了,网页的品质也得到了提升。原来只需要小小的调整一下留白的多少,画面效果会相差这么多~

  拒绝“差不多”的留白 (如何聪明的运用留白?)

  留白很重要,但是我们常常会不知道设计中应当怎样留白,多了会不会让页面看起来空空荡荡,少了会不会拥挤不堪?因此才无意的成为了差不多先生。各种不同情况下,留白的要求都不尽相同。这样就需要你不断训练自己,对留白所能带来的改变做到时刻心中有数,从而有效地利用留白满足设计需求。

  下面让我们从别人的作品中学习一些经验,好让我们远离“差不多”的留白。

  

  设计师通过大面积的留白与随意摆放的物品相结合,让整个网站的氛围轻松活泼,具有极佳的亲和力。

  

  在大空白上展示的元素往往更具吸引力

  

  有的时候我们会因为文字太多而把留白的部分减少,被迫做了差不多先生。但是我们知道,如果你硬要把东西塞得满满的,会让你的页面风格连同设计的品质,一起流失掉。所以即使再多得内容,我们都需要适当的给页面一些呼吸的空间。

  

  恰到好处的留白让你的页面脱离条条框框的束缚。

  小方法

  1. 心理上不要害怕留白会浪费空间。要相信恰到好处的留白可以让你的画面更具品质感。

  2. 不断尝试,直到找到最佳方案。久而久之,你将会成为留白的高手。

  3. 在设计的过程中,不断的将页面缩小看,能够看出一些问题哦!

  差不多先生的作品(二)

  

  差不多先生的按钮设计,看起来似乎也没问题,色彩分明,凹凸感也有,按钮的效果已经出来了,好像也差不多了~其实我们只需要稍微多注意一点细节问题,效果看起来就会不一样的。#p#副标题#e#

  

  其实问题就出在,一些小小的细节上,只需稍微的用心一点,就能让整个按钮看起来更为精致!那么我们为什么还要做差别不多先生呢?

  拒绝“差不多”的细节(如何进行微妙的细节处理?)

  我常常会感叹,为什么别人的设计看起来如此精致,自己就算是临摹也总是感觉缺点什么,我想原因就在细节这里吧。这就要求我们在观察别人作品的时候更加的仔细,这样才能看出其中微妙的细节设计。

  下面我们来仔细的瞧一瞧这些巧妙的细节设计,让你不做差不多先生~

  

  例子1中,绿色内容框的边缘有一条更亮的绿色线。而例子2处,区块内边缘有柔和的渐变阴影,而边缘之上还有一像素的白色描边。这做法非常聪明,用阴影来强调高光。后面的绿色区域有非常柔和细微的光影效果,有助于将注意力吸引到下面的白色区块中去

  

  渐变几乎是最被滥用的设计方法之一,大部分人都不太注意渐变,不过运用成功的话,还是能让设计增色不少,这也是让你快速出效果的一种好方法哦。

  

  材质性背景运用非常重要。过于复杂的背景会分散读者注意力,最终使得设计品质大为降低。所以最好还是保持背景材质细微而柔和。当然,好的材质的使用,会让原本较为空洞的设计增色不少。这个网站在运用材质打造整体风格和设计品质方面做得挺好。

  小方法

  心理上,不要担心细节太细微,太不明显。我们要相信,可能人们并没有清楚地意识到这些细节的存在,但是他们确实已经对我们的设计产生了影响。

  思考像素级问题。描边、渐变、线条、阴影等等,不用太宽大也能有效增强设计的品质。

  创建细节图层。不要过多得依赖一个笔刷或者一个材质,多加些图层,多做点细节。

  不断的进行前后对比。应用效果后注意与没有这种效果之前进行对比。这样你就能知道这些细节到底带来了哪些改观。可以让你再下一次的应用时,得心应手。

  差不多先生的作品(三)

  

  虽然在一些特定的环境下要做创新,确实挺难的,或者是不允许的。但是我还是想让大家看见,在允许的条件下,做一些合理的创新,能够为我们带来的其实是不一样的惊喜!

  那么看看他们是如何勇敢的拒绝差不多想法的吧~

  拒绝“差不多”的想法(我们需要勇敢的做一些创新)

  

  这个网站在做导航的时候是有一些新的突破的,但是这种突破并不突兀,我觉得它在这里非常符合该网站的设计风格。

  

  这个网站只有一个目标,向你展示他们充满智慧的作品。所以没有用太多的文字,鼠标滑过色块,呈现给你的就是作品截图。我想在这里用上这样与众不同的导航,也并不过分,反倒增添了许多特色。

  

  这是一个小游戏的网站,这种导航的形式算是使用的比较广泛,算不得什么创新,但我想说的是,这种导航的使用,的确对整个页面的氛围烘托起了很大的作用。在专题设计中,我们也可以尝试,打破常规,做一些有利于烘托氛围的设计

  大胆创新,小心应用

  虽然我们想要拒绝差不多的想法,但也不能过于盲目主观的去做一些设计,毕竟我们是在做设计,不是在搞艺术,在做创新的时候始终需要记住:如果你打算做一些特立独行的事,先问问自己:

  “真的有必要吗?实现起来方便吗?”

  “这样说得过去么?是不是符合页面的整体风格?”

  “和品牌诉求相符吗?”

  如果答案是肯定的,再采取行动!

  写在最后

  其实我今天只是想借差不多先生这个角色,同大家分享一些关于网页设计进一步深入的一些技巧和方法。看看这些简单的小方法,精益求精就不再像想象中的那么难了。只要我们摆脱差不多先生的影子,再多思考一点,多尝试一点,你设计的品质将会大不一样的~

  在我们的设计看似差不多的状况下,

  试着调整一下留白,

  试着添加一点细节,

  试着注入一些新鲜想法,

  就此与差不多先生挥手道别吧!

时间: 2024-08-25 08:38:42

再见 差不多先生 谈网页设计如何精益求精的相关文章

2013浅谈网页设计趋势

京东这次的改版,看到遍地都是网友吐糟的声音,什么设计太简单了.首页版块不明显.设计没个性等等,乱七八糟的一大堆差评. 对于这些吐糟的人,我将他们分为三类人:一类是专业的网页设计师,他们本就有着更高的见地;另一类是普通的用户,不管旧版是否合理,反正已经使用习惯了,对于新版的改变一下子无法适应过来,难于接受,或者潜意识下就产生了对新变化的抗拒心理;最后一类是属于随风逐流者,看到别人吐糟自己也跟着吐糟,可能有些人压根就没看过新版. 在这些吐糟人中,第一类人毕竟是少数,大多数往往属于后两类人. 好与差没

工作二年谈网页设计新手如何学美工

网页设计--------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的.企业的网址被称为"网络商标",也是企业http://www.aliyun.com/zixun/aggregation/32545.html">无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口.企业网站设计显得极为重要,下面是一些网站设计中应注意的原则. Web

浅谈网页设计中的简约之美

  随着网页技术的不断发展,网页设计的趋势在改变,扁平化.响应式.视觉差滚动.卡片式等给设计师带来了更多的发挥空间.简约的设计,也以其简洁直观.轻薄美观等特点,越来越受到设计师的追捧和大众的喜爱. 那么什么是简约设计? 简约设计是将设计回归本质的一种设计理念.简约并是对内容的简单删减,而是提炼设计精华,满足美观实用的本质诉求.在网页中,简约的设计,往往具清晰的页面结构.简单的交互操作等特征,在满足传递信息的同时,从视觉体验的角度,为用户带来轻松.愉悦的美感. 那么在网页中,怎样做到简约呢?下面是

以临摹百度首页及其改版分析谈网页设计

  这篇内容更像是网页设计的科普贴,推荐入门级网页设计师阅读.另外光读是没有效果的,思考实践才能长足的进步.嗯,网页设计...  

浅谈网页设计中的色彩理论

无可争议的是,色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜色术语 你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩. 色轮的主要组成 所有的色彩能在一个色轮中呈现.在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色. 三原色分别是红色,蓝色和黄色.这些色彩是基础色,他们组成了色轮上

盖座漂亮的“楼”–浅谈网页设计中的构图

网页给人最直观的感受就是它的页面框架与构造,就像一座大楼的主体框架与形态,你可能记不起东方明珠塔和艾菲尔铁塔是用什么颜色或什么材料涂的外墙,但我想你一定记得起它们的什么样的形状.同样,网页设计中的构图也足以影响到整个网站给人的感受,虽然比喻并不十分恰当,但就网页其构图而言,些许的改变和简单的创新也许就能起到事半功倍的效果,让网站给人的视觉感受耳目一新. 如何将网页这座楼盖的漂亮?以下就例举一些在网页设计上能起到事半功倍的构图技巧.个人拙见,希望能够抛砖引玉. [一]坚实的地基-几何图形的力量.

浅谈网页设计入门经验

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在网页设计这个方面,我个人感觉,我还是有发言权的,这几年的网络工作,自己制作的网页还是很多的,有个人的,也有公司企业的一些,所以说对于设计网页这个方面来说,我自己认为还是一门需要去学习的学问的,对于网页设计,我的感想有一下两点. 一 懂得网页设计 不管做什么,你都要先去知道你所做的是一个什么样的事物.这是我们认知的一个基础的前提,对于我所说的

小谈网页设计的按钮

说起按钮,不得不先提一下链接,因为在大部分人看来,似乎按钮与链接差不多,都是完成一个页面的跳转.其实不然,按钮与链接还是有一定的区别. 先简单说说他们的区别吧. 按钮:按钮代表着"做某件事",即点击了按钮代表着操作了一个功能,做的这件事是有后果的,不易挽回的.例如典型的google,QQ邮箱.像信息搜索.回复.注册,他们的共同点是:都是在"做"一件事,并且绝大多数都是对表单的提交.从技术上讲,这类按钮的作用是向后台提交了数据,"命令"服务器去做了

浅谈网页设计技巧

  首先我们需要了解一下网站的页面组成,网站一般包括以下几部分: 首页:网站的门面,如同公司的形象,特别注重设计和规划. 框架页:网站的主要结构页面,又称次首页.内页,大型网站往往框架页即首页,如一些门户网站.框架页主要是网站内部主要栏目的首页,讲究风格的一致性,并于主页呼应. 普通页:网站主要的承载信息的页面,设计要求不高,但要求链接准确.文字无误.图文并茂,并沿袭网页的风格. 弹出页:一般用于广告.新闻.消息.到其他网站的链接等等,一般用的很少. 通过上面的分析,我们可以看出: 从功能上来看