苏州万禾网络服务有限公司

 首页 > 新闻资讯

网站建设之简约至上

发布者:万禾网络 2019-03-07 21:31:28 / 浏览:38
我们为什么要选择简约网站设计?

毋庸置疑的,简单事情容易上?#37073;?#31616;约的网站设计更容?#36164;?#29992;。


当整个屏幕只有一个按钮的时候,你会做什么?两个呢?十个呢?

回想一下,你是怎么教你的爸妈使用电脑的(假如有这个场?#25353;?#22312;),“点击开始,哦,不是手指,是鼠标,哦,不是不是,是鼠标这个小箭头,直接用鼠标点会?#19968;?#26174;示器的……”

还记不记得很早以前买手机都会有一本厚厚的使用?#24471;?#20070;?而现在,你买一部iPhone还有去?#35789;?#29992;数码书吗?


简约的设计会更清晰,主题传达明确


由于减少了多余的装饰,简约的设计能更清晰传达产品意图。在以内容为主,通过合理的网站排版、网站交互,没有干扰,用户可以更高效理解掌握产品目的。

我们进入一个应用下载页面,屏幕上有两个按钮,一个按钮写着点击下载,一个写着轻轻松松获取,潇潇洒洒玩耍。你会点哪个?简约设计就是在内容与形式上都直观明确的表达目的。


简约网站设计在视觉上能更持久的符合大众审美


这点应该结合“时?#23567;?#27969;?#23567;?#26469;说。大多数的流行的东西,是通过表象的修饰设计来达到的,当你尽可能的较少修饰,也就避免了“过时”。

 


简约标准的网站设计,可以降低设计后期维护成本


这个“标准”的出?#37073;?#32477;对不是抱大腿,而是因为“标准”是简单的一个维?#21462;?#31616;约的设计是标准的设计,它有?#32422;?#30340;设计规范,有?#32422;?#30340;设计原则。你看了iOS7/iOS8设计规范了吗?你了解Metro设计规范吗?你熟悉google最新的Material Design设计理念了吗?如果否定的回答太多,请相信,你不是一个合格的UI设计师,请迅速补课。

有?#33487;?#20040;多的标准化设计,后续更换设计师维护会不会非常轻松?


简约网站设计更好看,更有韵味


在写这一条的时候,犹豫很久。作为一个设计师,一直觉得好?#35789;?#19968;个非常主观的事情,所以不太?#19981;?#29992;好看来说事。但作为一个设计师,去引导大众接受美的事物是其不可推卸的责任(感觉?#32422;?#24736;然高大了起来)。记得iOS7刚出来,很多人吐槽难看,甚至用行动抵制,庆幸,?#32422;?#20041;无反顾的维护了它的?#35272;觥?#24456;?#19981;度?#26412;的设计(标注,骨子里对日本还是很敌对的态度,但设计确?#25269;?#24471;学习。),简单中蕴含着优雅韵味。题外话,日本字体太零散,但日本?#21496;?#26159;把这么难看的日文字体设计的不得不承认其优秀。简约设计更容易通过留白、疏密产生自然?#19979;傘?/p>


简单的网站设计更容易跨?#25945;?#24179;移,满足当下多?#25945;?#34920;现的需求


现在的互联网产品,基本都要PC和移动端的标配,用简约的设计,更能同时满足多?#25945;?#30340;设计表现需求。google的Material Design设计理念之一就是满足跨?#25945;?#30340;需要。 


简约网站设计更具有前瞻性


有没有见过科幻电影里未来的世界?#30475;?#22788;是“屏幕”,处处是光影。我曾经讨论过iOS为什么忽然变的如此“扁平”的设计,理由之一就是这个。想想,一面面虚拟的屏幕,上面显示着丰富的信息;一个由光影投射形成的虚拟?#23435;?#31449;在你的面前;这些都是在空气中光?#30333;?#25104;,假如加入更多的修饰,可?#26032;穡?#33267;少在它广为应用的前期是完全不可行的,随着技术的发展,后面再慢慢地发展到细腻、装饰、完全拟真的情况也是完全合适的。


当然,简约设计的?#20040;?#32477;对不止我所罗列的这些,希望你的挖掘和发现。

 


说这么多简约设计的?#20040;Γ?#25105;们现在来聊聊怎样才能做出简约的网站设计。

任何事情都有一定的规则或原则,?#28909;?#20570;?#32781;?#19981;是?#20449;?#20043;间的事情,淡定。),每个人都应该有?#32422;?#30340;做人原则,不能今天信誓旦旦的说“民主?#22330;?#22909;,明天就高调的加入了“共和?#22330;保?#20170;天我是你的朋友,明天就面对面捅我一刀。

做简约网站设计,学习下这些原则会有比较大的帮助。


一、模拟产品

准确的说不是模拟,是分析。要分析产品意图,产品目的。做到每一个像素点都有理有据的服务于产品目的。我做一个app产品,目的是让用户点击我加在里面的广告,用户的留存率活跃度美誉度等等一概不考虑,那首先就要取一个霸气的名?#37073;?#19968;定要热门,要和色情挂?#24120;?#35201;让用户以为点击下载还可以赚钱…… app产品设计肯定是广告面积最大,做一些错误的链接,做一些不点广告就无法关闭的弹窗…… 很多设计师会仅仅做一个“美工”的工作,只是把文?#25351;?#25913;大小,调调颜色,根本没有?#32422;?#30340;思想,所以,要试着去了解产品熟悉产品,明白产品意图。



二、简单明确

所有表达要直?#29992;?#20102;,避免让用户产生疑惑。除非产品特殊需要。

场景切换的时候,如果载入需要一段时间,那么必须简单明确的告诉用户正在载入中,不能静默的后台数据载入,让用户无法明确当前所处状态。数据提交成功,简单明确的告诉用户“成功”,失败则告诉失败,而不是直接跳转到下一个发展状态。在整个流程的结尾尤其如此。


三、统一的设计理念

产品的各个组成部?#37073;?#29992;相同的设计理念,而不是每个局部一个设计理念。包括排版方式、颜色、交互方式等?#21462;?#36825;也是我们在网站设计时,会先设计若干组成部?#37073;ū热?#32593;站的几个代表性页面),再提炼出设计规范,最后用这个规范设计完成剩余所有设计。

另外,一般情况下,我们会选择用户已经养成?#21335;?#24815;,?#28909;?#32418;色为警告提醒,绿色为鼓励安全,?#30097;?#20026;可以但不鼓励等作为贯穿产品的一致网站设计理念。


四、用户傻瓜模式

当然不是用户是傻?#24076;?#26159;要有模拟新用户的思维。大多数情况用户对产品?#29616;?#26159;空白的,不要理所当然的认为用户“应该知道这么用”,“应该知道点这个按钮就是开始”。所以要避免以?#32422;旱南?#22909;和?#30333;?#19994;”角度来做仅仅?#32422;合不?#21644;好用的设计。

可能还会有些原则,但原则也是一个普遍的情况,偶尔产品允许的情况下也是可以“违反”这些原则的。?#28909;?#28216;戏为了渲染气氛,用很多?#35475;?#35013;饰背景环?#24120;?#35753;用户有身临其境的感觉。?#28909;?#26377;些产品的主色调就是红色,这时候红色可能就不具有警告功能了。

原则只是一个方向,我们接下来说说怎么基于这些原则来做简约网站设计的方法。

这个方法仅仅是个人总结,基本是在GOMS原型基础上衍生出来。(站在巨人的肩膀,不会错的太多。)


step1:明确产品设计目的

与上边的原则相辅,在设计开始之前,必须详细分析设计目的。明确了目的,才能朝着争取的方向进?#23567;?#24456;多入门设计师完全忽略这个步骤,接到一个网页设计任务,便一头扎入苦苦设计,基本功好的最后能做出一个漂亮但不是提出方想要的设计,基本功差的就只能做出一坨比原型还糟糕的东西。这个明确产品设计目的的过程大多数是和设计提出方(产品经理)沟通来完成的,有时候设计师全程参与产品进程的则可以?#32422;?#26469;明确目的。


step2:分析解决办法

这个过程就是设计基本素养体现的时候了。不是告诉你一句话两句话就能提高或解决问题的。

但大体思路依然是围绕设计目的,想各种的表现形式,各种的展现方法,各种的技巧使用,各种的参考案例。设计基础是一门积累的手艺,看的多了,做的多了,思考的多了,也就差不到哪里去了。?#30475;?#35774;计都是需要一?#26410;?#30340;试错(大神级别的更多的是脑子里的试错,我们普通级别的脑子了试错后,设计出来还可能不是一个优秀方案,就只能是?#31181;?#26126;了一个错误的方向。),从试错中寻找一个最佳设?#21697;?#26696;。这也是为什么?#20064;?#37117;?#19981;?#35774;计师提供多个方案,因为太多设计师根本没有在脑子试错,一条道走到底出来一个第一关就该被?#20154;?#30340;设?#21697;?#26696;。


step3:选择排除方案

对于大神来说根本没有这个过程,我们只讨论普通上进好学有潜力帅气漂亮的设计师。我们做出了两个或多个方案出来,接下来可以邀请产品经理、其他设计师、路人甲等来围观,旁观者清,让他/她们给你提供更进一步的已经和建议。最终选择定稿。


step4:再设计(redesign)

其实上一步已经完成?#33487;?#24120;的设计过程,但最为一个有抱负有理想的设计师,?#30475;?#30340;设计不能仅仅为了完成任务,而是要?#30475;?#37117;能提升?#32422;海?#20174;中学习进步。扯大了,真实的说,我是为了引出标题中的《简约至上》,因为我太?#19981;?#36825;本书了。《简约至上》提供了四个方法来让一个设计变的简单:删除、组织、隐藏、转移。不愧是一本设计的好书,简单的四个方法几乎可解决任何?#26696;?#26434;”设计的瘦身。


总算记得住的都说完了,还有些想说的但没记住的也就只能先憋着了。

说?#33487;?#20040;多,真的是应了那句话:简约,不简单。


另外,感受简约,可以用下LOFTER,它们?#22312;?#23815;尚简约。?#37096;?#20197;多研究BAT的产品,多数可算简约设计。


最后,还有一个话题,很?#34892;?#36259;,希望以后可?#32422;?#32493;?#25945;幀?#27969;?#23567;薄?/p>

不要轻视流行,很多?#25628;?#37324;,流行就是恶?#20303;?#27809;品位的代名词。其实流行的东西是最符合“当下”的人性反馈,它在时间维度和空间维度上变迁。

返回列表页 下一篇:签约伟?#23548;?#22242;,打造全新官网
签约客户Contract customers
堡垒之夜国服玩的人多吗
上海时时开奖结果走势图 重庆时时现场开奖结果 三肖六码3肖6码资料 三公平台 一分时时彩必中规律 麻将游戏下载免费 幸运飞艇怎么抓345678 鱼丸游戏qq版下载 广东快乐十分辅助软件 手机赢钱棋牌游戏 中信彩票app什么情况 时时彩最快开奖 万达娱乐 注册平台 时时彩博e百 山东时时是什么意思是什么意思 pk10历史开奖走势图