400-6699-708

简约风格的网站设计几点心得分享

2016-05-03 |
分享
来源:

能用一句话说清楚的问题,请不要用两句话来表达,进入正题:
但写文字和做设计,没必要一定保持格调一致,所以,文字啰嗦就啰嗦点吧,哄自己个开心。
简约设计就是用简单的方法直截了当的达到设计目的。用词总觉得不够精确,再补充,“简单”不是少,是不多、适当、合适;“直截了当”是减少冗余的修饰;“设计目的”是要解决的问题。为什么要强调“简单是不多”?因为我们每个人都脱离不了贪婪的人性,爱占有,潜意识里引导着喜欢多,喜欢无限制的添加。这里还有一个重要问题,就是评判标准,不是我们自己说它够简单够直截了当就是如此,“用户”,用户是最终的审判官。这就有扯出了以用户为中心的设计理念,原则,任何设计不能脱离了使用者而意淫的存在。
举个栗子,设计一个鼠标,首先明确其设计的目的——解决电脑的操控,可能包含“移动光标”、“选择”、“拖拽”、“显示快捷菜单”、“目标切换”等等。如果“直译”目的,那我们就可以在鼠标上设置很多的按键,每个需求一个,按键太多,不好看了,那我们就把每个按键装饰成一颗颗彩色的糖果状,然后OK,设计完成,非常beautiful!但这明显不是一个简约的设计。
反面的例子太多,因为我们身边到处存在着复杂不堪的设计。几十个按键的游戏鼠标、装满了钻石的汽车。还有吗?
正面的例子也很多,王者必是apple。Mac、iMac、MacBook、iPhone,从电脑到Mac,从手机到iPhone,你所感受到的就是简约设计。你可感受到什么是恰到好处,什么到什么是去除冗余。还有一个具有代表性的是日本设计,日本人追求极简的态度从国旗就可以看出来。原研哉的“这样就好”,撇弃多余的装饰。更甚的wabi-sabi概念。
我们更关注的多媒体设计:iOS,从最初的拟物(相对于当时环境,也算比较简洁的设计了。)到目前的扁平化;android设计进化史,从最初的粗糙堆砌,到Material design的简单直观容易理解;小米官网的一次次改版。这些都是跟随着“简约设计”的引导。啰嗦很多,必须进入正题了。我们为什么要选择简约设计?

毋庸置疑的,简单事情容易上手,简约的设计更容易使用。
当整个屏幕只有一个按钮的时候,你会做什么?两个呢?十个呢?
回想一下,你是怎么教你的爸妈使用电脑的(假如有这个场景存在),“点击开始,哦,不是手指,是鼠标,哦,不是不是,是鼠标这个小箭头,直接用鼠标点会砸坏显示器的……”
还记不记得很早以前买手机都会有一本厚厚的使用说明书?而现在,你买一部iPhone还有去看使用数码书吗?
简约的设计会更清晰,主题传达明确
由于减少了多余的装饰,简约的设计能更清晰传达产品意图。在以内容为主,通过合理的排版、交互,没有干扰,用户可以更高效理解掌握产品目的。

Apple _中国_ - 官方网站.png

苹果这个官网持续使用了多久?可以肯定的说“很久了”。然真的一直没有过时。随着iOS7的出现,它改版,变的更简约,请相信,新版本也会持续使用很久。简约标准的设计,可以降低设计后期维护成本这个“标准”的出现,绝对不是抱大腿,而是因为“标准”是简单的一个维度。简约的设计是标准的设计,它有自己的设计规范,有自己的设计原则。你看了iOS7/iOS8设计规范了吗?你了解Metro设计规范吗?你熟悉google最新的Material Design设计理念了吗?如果否定的回答太多,请相信,你不是一个合格的UI设计师,请迅速补课。
有了这么多的标准化设计,后续更换设计师维护会不会非常轻松?
简约设计更好看,更有韵味
在写这一条的时候,犹豫很久。作为一个设计师,一直觉得好看是一个非常主观的事情,所以不太喜欢用好看来说事。但作为一个设计师,去引导大众接受美的事物是其不可推卸的责任(感觉自己悠然高大了起来)。记得iOS7刚出来,很多人吐槽难看,甚至用行动抵制,庆幸,自己义无反顾的维护了它的美丽。很喜欢日本的设计(标注,骨子里对日本还是很敌对的态度,但设计确实值得学习。),简单中蕴含着优雅韵味。题外话,日本字体太零散,但日本人就是把这么难看的日文字体设计的不得不承认其优秀。简约设计更容易通过留白、疏密产生自然韵律。

原则只是一个方向,我们接下来说说怎么基于这些原则来做简约设计的方法。
这个方法仅仅是个人总结,基本是在GOMS原型基础上衍生出来。(站在巨人的肩膀,不会错的太多。)
step1:明确产品设计目的
与上边的原则相辅,在设计开始之前,必须详细分析设计目的。明确了目的,才能朝着争取的方向进行。很多入门设计师完全忽略这个步骤,接到一个网页设计任务,便一头扎入苦苦设计,基本功好的最后能做出一个漂亮但不是提出方想要的设计,基本功差的就只能做出一坨比原型还糟糕的东西。这个明确产品设计目的的过程大多数是和设计提出方(产品经理)沟通来完成的,有时候设计师全程参与产品进程的则可以自己来明确目的。
step2:分析解决办法
这个过程就是设计基本素养体现的时候了。不是告诉你一句话两句话就能提高或解决问题的。
但大体思路依然是围绕设计目的,想各种的表现形式,各种的展现方法,各种的技巧使用,各种的参考案例。设计基础是一门积累的手艺,看的多了,做的多了,思考的多了,也就差不到哪里去了。每次设计都是需要一次次的试错(大神级别的更多的是脑子里的试错,我们普通级别的脑子了试错后,设计出来还可能不是一个优秀方案,就只能是又证明了一个错误的方向。),从试错中寻找一个最佳设计方案。这也是为什么老板都喜欢设计师提供多个方案,因为太多设计师根本没有在脑子试错,一条道走到底出来一个第一关就该被踩死的设计方案。
step3:选择排除方案
对于大神来说根本没有这个过程,我们只讨论普通上进好学有潜力帅气漂亮的设计师。我们做出了两个或多个方案出来,接下来可以邀请产品经理、其他设计师、路人甲等来围观,旁观者清,让他/她们给你提供更进一步的已经和建议。最终选择定稿。
step4:再设计(redesign)
其实上一步已经完成了正常的设计过程,但最为一个有抱负有理想的设计师,每次的设计不能仅仅为了完成任务,而是要每次都能提升自己,从中学习进步。扯大了,真实的说,我是为了引出标题中的《简约至上》,因为我太喜欢这本书了。《简约至上》提供了四个方法来让一个设计变的简单:删除、组织、隐藏、转移。不愧是一本设计的好书,简单的四个方法几乎可解决任何“复杂”设计的瘦身。

总算记得住的都说完了,还有些想说的但没记住的也就只能先憋着了。
说了这么多,真的是应了那句话:简约,不简单。
另外,感受简约,可以用下LOFTER,它们自诩崇尚简约。也可以多研究BAT的产品,多数可算简约设计。

最后,还有一个话题,很感兴趣,希望以后可以继续探讨——“流行”。
不要轻视流行,很多人眼里,流行就是恶俗、没品位的代名词。其实流行的东西是最符合“当下”的人性反馈,它在时间维度和空间维度上变迁。




关注微信公众号红旗网络(ihongqi),定时推送,福利互动精彩多
全部

趣事

全部

热门标签

全部

业务

全部

案例

  • 15分钟致电

    营销顾问快速响应您的需求

  • 专业上门服务

    2-5小时最快当天出方案

  • 免费营销诊断

    营销专家精准分析诊断报告

  • 好口碑好伙伴

    8年实战经验专业营销团队

版权所有:上海鸿企网络科技有限公司