如何让你的设计更有说服力?.docx

上传人:李司机 文档编号:1998749 上传时间:2022-12-30 格式:DOCX 页数:14 大小:294.92KB
返回 下载 相关 举报
如何让你的设计更有说服力?.docx_第1页
第1页 / 共14页
如何让你的设计更有说服力?.docx_第2页
第2页 / 共14页
如何让你的设计更有说服力?.docx_第3页
第3页 / 共14页
如何让你的设计更有说服力?.docx_第4页
第4页 / 共14页
如何让你的设计更有说服力?.docx_第5页
第5页 / 共14页
点击查看更多>>
资源描述

《如何让你的设计更有说服力?.docx》由会员分享,可在线阅读,更多相关《如何让你的设计更有说服力?.docx(14页珍藏版)》请在三一办公上搜索。

1、我们都知道设计师在工作中,经常避免不了和老板提案或者讨论设计,这时候,如果你没有掌握一些权威的体验设计原则,是很难说服力的,因此今天文章就要解决这个问题。我们继续分享乔恩亚布隆斯基(JOnYabIonski)曾经写一本关于体验原则的书籍,我挑选一些常用的设计原则,并集合线上案例与大家分享。#1.共同区域法则原则定义:在用户界面中,使用边框或背景色为相关元素创建容器,这样可帮助用户快速有效地了解Ul结构,以及与之相关联的元素。共同区域法则案例1:apple官网,右侧图片内容区域,通过灰色卡片将内容收拢为一个组,与其他信息进行巧妙的分组。TodayatAppleVirtualSessionsLea

2、mthebasicsclusingMaclivewithAppleCreatrves.Signupapple官网案例2:IOS系统中,通过容器将组件进行信息分组,这样我们就能清晰知道他们之间的关系。IOS系统组件案例3:facebook和appstore通过容器将诸多信息进行分组,这样便于用户对目前界面结构一目了然。13:28TOny:;履开?帚助与支持sd 及2雪te:cross设与Rt私tBM2左Facebook,右appstore#2.相似法则原则定义:使用相同的特征表示元素之间的关系,如相同的颜色、形状或大小它们被认为是相关的,而看起来不同的元素被认为属于不同的组。形状分组颜色:应用相

3、同颜色来表示某些元素是相关的,比如,它们可能具有类似的功能。相同的颜色往往比其他特征(例如形状)更突出,因此可用于将不同类型的元素结合起来,并传达它们确实是相关的。颜色分组A即使我们将颜色打乱位置,同样也会认定它们是相关的颜色分组B案例1:NaVer界面中,相同形状的标签图标,我们认定为具有相同的属性,通过填充颜色表示这些已经被加入收藏标签。06:53寸olIOUf7pXOwm,QMQ2*0TVWSQ4。间*H40MgQla例,”仪IQlSowWl环GQH。加HNaver案例2:BChanCC界面中,相同形状的圆角矩形按钮,我们认定为都是可点击的,通过颜色区分它们之间的层级关系,我们会认为蓝色

4、按钮是主要按钮,优先级也最高。Naver案例3:当形状一致时,通过尺寸大小来表示相似性关系。或者在上面添加其他形状样式。如下图中,标签长一些的且带有圆形头像,我们认为它们具有相同属性,比如是重点推荐的对象。07:05ol/3L网PIl世在目刊S0白To1久智科MaQWl,WfUrV989Vtft*川中MoisJ7IS*UNEDUCATE.OIOISW(APRI.*HOX(Beenzi.28&WWaE2M进击的大秦古人的力古代熏科技偈秘行星-史诗级科幻太阳系史上大的潭布大美新圉城局笃一埸惮虺河爸的警2血UK长成记首播IIaIg原三tux长记0(9iex0*-*腾讯视频搜索功能反面案例:腾讯视频V

5、iP页面,换一换间距距离下面内容留白间距大一些。而首页换一换距离下面内容几乎快靠近一起了。(不知道是不是这两个设计师打架了,各自定义了间距规则)雄向龙1诀动态浸画斗笏降龙觉履大陆外传神界籍你玖的标签,国际祟,动物生存 ,大众电人文上海美,中国电、o-*值得她姐品味的内容大美新图城随笃一场伊维河谷的普之ItIt长成记首播e育家三tt成长记c*te*o-/为你推荐左侧:腾讯视频VIP页而,右侧:腾讯视频首页案例2:BUgS,临近法则也是排版最重要的原则之一,BUgS通过较大的留白来区分各功能模块。08:49.“I令QO:只PLEDIS#4.米勒定律原则定义:一般人的工作记忆中只能保留7个(正负2个

6、)项目。在界面设计中,一些关键功能模块,设计元素尽量保持在7(2)个项目。案例1:apple官网、MediumDeSignNeWS等,网站导航标签数量在9个以内。DNlogin/ Register Q New StoryStorsJobsPodcast DesignNews案例2:VibC在推荐喜欢的歌手时,会控制在一定数量内,比如目前是5个。SPOtify浏览全部歌单时数量一屏控制在8个。13:44-TH613:43-r“Wvibe&spotifjr案例3:】IStrCCt在设计功能入口时候都保持在9个以内,右侧图最右下角更多图标,和其他9个不属于同一个层级。放在这里也是为了视觉美感和展开更多功能。22:0611修里72*waimm 3)*3mVMftiWVzaj 4b aeStnTOP106gjt入后呈影咽fl!tJ10PIfine0t?tBB WMMfi?E)VE?SHtoM*wIrewjiPiPO-CKHnrB9Mtuweetmw*esxmsuitijWW OlA OtOMl11street写在最后,UX原则对于设计师来说是一个指导性原则,但是我们有时会因为业务而不得不做一些小的放弃,这个属于正常。这些体验原则也并非不可动摇,因此还是需要灵活应用。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 生活休闲 > 在线阅读


备案号:宁ICP备20000045号-2

经营许可证:宁B2-20210002

宁公网安备 64010402000987号