“简洁大气”设计指南

“简洁大气”设计指南By兔子小姐核心提示如何可以使产品设计“简洁大气”？在你没有灵感的时候，不妨看看这篇文章 中的建议。神马是“简洁大气”？现在被人们津津乐道的扁平化设计无疑成为了这四个字的代言，也让之前似乎离开了人 们视野的平面设计带来了新思考，我们发现很多设计方法依旧非常经典。无论是与客户的沟通还是和产品经理的PK中，在第N+1次修改依旧没有灵感的时候， 不妨借鉴一下下面的小建议来救场。调整图版率改变印象图片的加入是最能立刻改变和更换整体印象的法宝。图版率是杂志版式中经常提到的概念:即页面中图片所占面积的比率。图版率高的杂志 页面会给人带来年轻与活跃的印象，相反地，全是文字，图版率为0这样的页面就显 得沉稳许多。放大图片，增加展示空间虽然在产品上网易微博一直不温不火，但在设计上采用大图片的改版让整体拥有了简洁 的潮流感，并且每次刷新变化的封面图片让每天的登录过程也变的有趣起来。- EH 吧 F从佃”斗吐-于加杠軒忖旧 潢鸣奇营溟沖.不j&ffiTtainds；&匪 F鬥竜 肚HRH禎駅伸E爲戡車當苓耳Jf遷囂炖空卫.迟比催带聲HUL aflP.宜谀卿耐，可1撷厦电 门立HMa ffnfWt6Ti3iZ.+口艮 卒 脅闲.就可總决活JOWTF如悄的，测耳見, 业*mH1A 死耳 r hBi-. EAf.TI产，L乎 WttiJa浮啟 m 叫圳収 -i-i*itts.pr fit 于UUMAtme. WMUe轧 HLAlUTflK丘IRfi主耳的舸宴Qt XRfi.itHcwnrTl忡即二叭能n/1捋起瞬酣氏豪幅見的耳更胛准斥 J见G3ZCIE話 Hi?皿|业改变图片比例即使全部是图片也可以改变图版率。商品展示中经常会有这种图片罗列的形式,普通的 九宫格设计虽然整齐，但是没有变化和视觉重点，将几个图片位合并成为一个进行展示 可以产生更强的专题性效果。囲吕86个分事西韭外套 32800无论是短款悔身西裝，还是宽松的恢 款西装，都是提升气质的最佳选择*色块进行重复构成排版当图片资源不充足，比如消息类信息和图片并列时，可以采用和图片相同大小的色块保 持界面的统一性与简洁性。山中ESI體动守23:3311r使用图标代替文字使用意图明确的图标代替文字可以帮助导航等操作区与文字阅读区分开。我的卡页iPad 守姚晨呀師阿婆别难过，那些质疑你的都不是人。为悦 悦祈福愿孩子能早日脱离危险.蜡烛CCTV今日说法：【人心到底怎 么了！拾荒老太救起被碾压女童 后竟被质疑44療出名】搦广州日 报T两岁女孩悦悦遭车祸后T十 余路人从躺在地上受伤的孩子身 边经过d却没一人援助最后在 捡破烂的阿婆帮助下，血肉模糊 的小女孩才得到救助口可她竞被 质疑是妲出名、炒作駡医院诊断 结果称，小女孩悦悦已接近脑死 亡.15(2456)1 评论-；16S3)创造节奏感你知道吗？观看者和一张简单的海报设计也会产生交互过程。当你在20米开外的时候会被它上面的人物与色彩吸引，走近至5米的时候会看到它 的标语，而走到跟前会发现新的小字信息。海报通过观看距离的变化制造出阅读的层次 感，引导你不断深入。SUPERMANft e T (I R N S- B9雌矗駅kinmravilffi：曲眦MH曲 LzWOWv.UUtJ-r 逊3II&； IVlilltl-關躅卿趨腳圖饗删躡翩斜澀滋翩朋裁绘錘爵軀F：哄 L；!l3tiElUL!册I汕毗盟：-iUM甜1尬ilL MVtiQj巒ng 豳Eflb -品諾抚宜匸長 一-J 完注二总同样的，在界面中除了利用明确的信息分组引导视觉,还可以考虑在交互中也加入节奏, 笔者不认为在扁平化的设计时代我们就不需要打造空间关系，通过手势的变化制造出界 面不同的景深效果，可以让界面充满呼吸感。比如AppFlow中下拉刷新时，背景图片会由远至近，就在不觉间扩展了视觉空间。AppHowa Release to 佗f佗shFeetuned Icday：Pixel perfect financ已 appsW1 T ri-JF mFTiack your ntanev with ihee oeaubfuI sppsBucketProfile使用鲜明的色彩营造气场穿衣服我们讲究“气场”，而设计中使用的色彩也应该明确，避免使用含混的色彩，这 样界面之间的元素才是有对比的。血丹事motu!i立即下载戒掉排满的惯性格式塔心理学中提到一个删除原理，就是从构图形象中排除不重要的部分，只保留那些 绝对必要的组成部分，从而达到视觉的简化。不要排满也就是我们时常说的留白，这 里的设计需要和产品一起做减法。在实际项目中，笔者经常遇到这样的对话:“这里为什么要放这个功能？好像用户用不上诶”“这里不放这个功能看起来比较空，而且万一用户用到呢？”人们以往的消费观念是面对同样的价格，最终大家会选择看起来功能齐全的物品，在信 息竞争和功能为上的时代，惯性会让你想要加入足够多的功能或信息去满足用户，这种 情况下，堆满信息的页面如果不进行删减化处理，形成一定层次的分组和条理化处理, 也将会变成让人手足无措的电视遥控器。其实考虑界面空不空的问题应该交给殳计师解决，通过一定程度的留白就可以达到不错 的效果，我们只需要确认到底需不需要这个功能，有多需要,符不符合用户的使用场景？隐藏与合并当面对无法去掉的功能时，我们可以采用“主界面优先模式”隐藏部分功能。比如在阅读中，为了更加沉浸式的阅读体验，经常利用手势将阅读流之外的功能隐藏起 来，比如随享Pro向左滑进行评论和转发，豆瓣阅读的全屏阅读。I Lopp认为Scott Forstall离职是苹果走向 平庸的拐点：他是苹果仅存的最接近乔布 斯的人。你期望围绕他岀现一些颠覆，那 是苹果做事的方式一一精心管理下的内部 斗争创新不会从委员会产生；创新是斗 争。它混乱，有人会死，但当战斗结束， 会收获未曾想过的重要东西O有一种喜悦，来自这种宁静。主界面优先还体现在减少频繁地切换界面，比如常见的查看大图功能，在以前我们常用 的方式是滑到新的页面去查看图片详情，但真的需要那么麻烦吗？在AppFlow和网易应用中心应用主页中，通过手势向下滑动可以让图片当前页放大, 预览App界面效果，这样的体验就很简洁。随享20用随拿，看不一样的新浪微博胖用前锻博客严玮、白带输A法，井哉把钛 率蔚押Fi*盘陋弓棠和加山錦？iM关芒的? 徹牌音户就! +吨炭布二屉年与Applet R-除了隐藏功能，我们还可以合并功能，减少UI控件的个数，进而节省下空间比如下 面对音乐播放进度和播放控件的整合。设计是不断创造新可能的过程，希望上面总结的这些小经验可以让设计更好的回归内 容,利用最轻量、简单的设计来传递核心信息,也让设计师们早日告别苦逼加班的日子。Design makes life better.除非特别声明，极客观察均为极客公园原创报道，转载请注明作者及原文链接。原文地址：