欢迎来到天天文库
浏览记录
ID:41676563
大小:76.38 KB
页数:5页
时间:2019-08-29
《极简风:最小化界面设计》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、极简风:最小化界面设计我们这代人大概都不会忘了刚触网的那些年,那些让人眼花缭乱,纷繁混乱的网页界而,充斥着各种毫无意义的图片动画、质感沉重的界面兀索、没有考虑清楚的产品功能等等。这些臃肿的功能和无意义的内容非但对产品本身无用,也干扰了用户的正常操作,非常影响使用体验。而现今“极简风”正带我们远离曾经的混乱局而。强调“少即是多”的最小化界而设计,正打造更加自然流畅的人机交互。最小化界面设计的目标即是:移除界面当屮不必要的元素或内容,减少干扰,使界面最人程度的支持用户的任务流程。那么如何做到最小化界面设计呢?以下一些常见的“最小化”特征可供借鉴。扁平化modditi
2、ntrmtiEtXaMbwrey扁平化风格是指公掉多余的透视,纹理,渐变等等能做1113D效果的元素。actueddienstenmodcttportfoliocontactQoilpnrQkjgLMoaaitInternetReciameoureaucontaaeeronsWijmakendoelgerichtewebsites,hetmooisteredamedrukwerk&succesvolle(online)campagnes.tr4.rv«*1>4nzooljunck八・waWnflvuvMb44Ur'b<•;>vitn*杯•»tfrr<'metrr
3、nur>HdrvriOizrA/iuylyliAdWo^di门*.,IcrtnlrmnwwfkmnxKr*r•:ifgwttnirgrxpnrLu,orrktxocUiugorapmrtnammnttnxocknkKHFnKWebsitesWebwinkelsOnlinemarkecingGrafischevormgevingleesmecrOleesmeerOleesrne^rO很多人将“扁平化”等同于“最小化”,但实际两者属于不同的范畴。“扁平化设计”属于视觉美学方面的概念,是-•种不会对信息的组织架构产生非必耍影响作用的特定的视觉表现形式。比如说,一个网站
4、或应用可能非常复杂,到处都是菜单、按钮,但它在视觉呈现方式上可以是扁平风格的。这种情况F,产品也就是看上去会比传统的数字化界面更简洁,更美观一些。而“最小化设计”,则是一种设计哲学。以最小化方式设计出的网站或应用可以让用户很轻松的导航和使用,哪怕它的视觉元素仍然笨垂、不优雅。不过,扁平化的界浙也存在一些问题,比如相较于拟物风格,扁平化元素的学习成木更高;用户难以判断界面中哪些元素是可以点击的。所以介于扁平化和拟物化Z间的折衷风格可能更为实用・以扁平化为基础,同时在交互元索上使用更具实物隐喻性的样式,使用户町以快速识别町点击元索。极简配色1!极简的配色方案更能创造
5、视觉吸引。界面当小的视觉干扰较少,色彩更容易被注意到,对内容和功能的影响力更强。Simpleinterfacespixelperfection.在采用极简配色时,需注意以下几点:仁确保配色方案具有足够的对比度,使内容具有最基木的可读性,另外要考虑到色弱和色盲用户。2、关键色的使用耍有叨确的目的,如突显重耍信息或交互元素,并注意维持全局的统一性。移除不必要的功能与界面元素界面中的兀素越多,用户头脑屮需要处理的信息就越多。对于那些对核心功能或信息没有直接支持作用的元索,则需要被移除。要被评估的“元素”包括但不限于以下这些:导航菜单项、链接、图片、图形元索、分隔线、标
6、题文案、材质纹理(包括高光、阴影、渐变等效果)、颜色、字体、图标注意:在移除时,确保不耍删去用户完成核心任务所需的元素。超大留白将界而当中的T扰元索移除,势必会导致空白区域比例的增大。比例得当的留H除了可以为界曲赋予清爽感以外,还能起到有效的引导作用。Thomo8ufUtGrapkic♦TWOCOMPUTERSerDREAMON在考虑留白的使用时,耍关注以卜•儿方面的问题:•增加或减少留白后,是否会影响界面信息层级的展现方式?•鼎口的使用是否会影响到界面上方信息的展示?用户在进行交互行为前最容易关注到首屏区域当中的内容,不要让留白对这里的重要信息产生破坏。・留白
7、的使用是否会影响到交互成本?用户是否需要付岀更高的成本才能获取信息?・留白的比例是否需要根据不同的浏览环境进行响应式的调整?夸张字体当界面元素不多时,加粗加大的字体也能成为沟通重要信息的手段。恰当有效的字体运用不但可以使最小化风格的界血更具视觉吸引力,而且可以弥补其他类型元素的匮乏所导致的视觉失衡问题。字号、粗细、字形风格等等的变化搭配对于帮助用户在最小化界面中理解信息层次也起着垂要的作用。ADesignCompanyTheLikesOfWmctiYouHaveNeverSeenOFF也MLJULY,04TH■轿整LAUNGHtwenty11但只有在能够传达特定
8、信息的情况下,夸张的字体
此文档下载收益归作者所有