童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

大小与重复在产品设计中的运用

12月8日 飞仙轩投稿
  做我们做任何设计都离不开大小与重复的运用,这样能使我们的设计更加理性和科学,经得起推敲,那么我们一起来探讨下如何在产品设计中运用这一方法
  为什么大的物体更吸引眼球
  如上图所示,a球会比右边b球更吸引我们去阅读,大的物体视觉重量会比较大,我们眼球的视觉方向就自动转向他
  如上图所示,我们保持刚的大小,把a的透明度改变下,视觉重量是不是发生了变化?WHY?
  当我们把a球的视觉重量降低后,那么即使b球很小,他也会很吸引我们眼球,这是因为b球视觉重量比较大
  如上图所示,如果两个球大小一样呢?还是b球会更吸引我们的眼球,因为b球有色光辉第一进入我们眼球
  我们在产品设计中如何运用这些原理
  如上图数字所示他们的视觉重量依次排下来,最大的是序列1最小的是4,不重要的元素我们可以通过把它们缩小或者降低透明度来弱化他们
  看个例子:
  重复在产品设计中的运用
  重复?有没有人打了个问号,看到这个标题,之前我写了一篇文章叫一致性原则,当中有顺带提了下重复,当时说的不太详细,今天再来仔细重温下。
  重复的重要性,能使产品的设计更加有节奏和高品质,为什么这样说,我们能重复的原子单位有很多,颜色,间距,大小,组件,圆角值,功能属性等等,交互层面能重复交互操作多页面间相同属性交互要一致
  实例展示
  重复间距
  上图设计我一共就用了3个间距。
  特殊例子验证:
  字里行间在首页的板块设计比较松散,虽然也重复运用了间距,但是没有节奏。图片比例也比较奇怪,多行段落文字显得比较松散。
  结果:
  重复组件样式(截图来至网易蜗牛读书)
  上面截图标注出来的地方,控件倒角一致,形成一个隐形的视觉基因
  下面是反面例子(截图来至UC头条)
  UC头条的底部图标设计非常圆润,图标设计师延续了品牌LOGO鹿的圆润线条。这里里面的设计语言就和底部图标有冲突,大部分按钮设计无圆角,尖锐的轮廓(1、3),极少数按钮带有圆角即图上标出来的2
  4和5栏目图文样式的圆角值也是不一致的,整体设计不知道想要传达什么样的设计语言。
  在仔细去观察下某蜗牛读书的的产品设计,设计语言从图片圆角到按钮,标签,图标设计都是带有圆角幅度和他们产品logo气息性格相符合。
  重复颜色
  它是什么?就是表示相同操作的功能所表达的视觉含义要一致
  相同属性颜色一致,比如上面来至IOS系统软件界面截图,可点击地方颜色一致,IOS在这方面的设计确实是非常棒的,控制的比较好。
  总结
  在做界面设计时候需要注意的点:
  学会运用大小来区分层级,在大小一致的情况下通过其他方式来区分信息层级,如颜色,降低透明度,加粗等等;
  重复在产品设计中的运用可以延伸到颜色,间距,大小,组件,圆角值,功能属性等等。
  相关阅读
  下面都是与这些理论相关的设计文章,掌握了就是一套体系知识:
  (1)如何用网格系统设计出大师般的APP界面
  (2)提升产品UX体验的一些排版设计原则
投诉 评论

猜想微信公众号App化,未来再造内容分发另一极微信公众号正开发独立APP,张小龙可能要创造一个新物种。须知:本文是对于微信公众号App“未来”发展的猜想,并没有刻意去蹭热点解读,等App一上线,若猜错了,我也不怕被笑……知识图谱:专治各种“撒币”技术正在努力把未来的币,撒到现在的土壤里。曾记得十几天之前否?那时我们踌躇满志的跨进了2018,满怀着对未来的渴望和珍重然后我们惊奇地发现,2018第一个火起来的词叫“撒……互金平台的2018:泡沫、新生及潜在风口当互联网成为标配,互联网金融开始回归金融的本源,为防止风险外溢便要带着镣铐发展,从轻模式一步步走向重资本经营,并非每个平台都能轻易适应,这种艰难适应的过程,我们称之为转型,而结……三月爱用丨写在三月底的春天,护肤和生活小物三月爱用,一些近期喜欢的护肤和生活类小物。杜克SkinCeuticalsPCF杜克的抗老抗氧化技术是非常过硬的,其中PCF和CEF也是杜克口碑最好、讨论度最高、效果……霉霉泰勒斯威夫特教你夏日如何穿搭裙子这里有你最想知道的SEX时尚达人励志婊霉霉泰勒斯威夫特是公认的会穿裙子,其风格既少女又成熟,既有青春又能性感,仿佛什么元素在她身上都是可行的。而我们又该如何学习呢?小编就为您准备了她的一大堆裙子照,找……微信变“无聊”了,这才是张小龙年度公开课的隐藏内容一切和聊天无关的“内容”,都会变成小程序。毕竟微信已经开始变得“无聊”起来,必须要把鸡蛋分在不同的篮子里了。昨日,微信一年一度的官方活动微信公开课Pro正式开讲。腾讯高级……电视剧吉祥天宝好听歌曲有哪些?吉祥天宝主题曲插曲片尾曲完整版电视剧《吉祥天宝》的主题曲是张婧和汪苏泷演唱的《千年守候》,片尾曲是徐良演唱的《伊人曰》,插曲是汪苏泷演唱的《站台》,汪苏泷演唱的《晴》,以下是这些歌曲的MV视频和歌词!……大小与重复在产品设计中的运用做我们做任何设计都离不开大小与重复的运用,这样能使我们的设计更加理性和科学,经得起推敲,那么我们一起来探讨下如何在产品设计中运用这一方法为什么大的物体更吸引眼球如上……撒币大战背后比拼的是财力,还是运营实力?在线问答流量虽然高,很多用户是奔着钱过来的,这种烧钱模式究竟能持续多久?用户如何留存下来?2018年开年两周最火莫过于在线问答,平台撒钱也越来越猛,从开始单场10万到10……微信已到中年,好在一点都不油腻成为一个好产品不难,成为一个伟大的产品,很难。拥有和坚持自己的价值观,是第一步。昨天,一年一度的微信公开课Pro召开,全国各地的“微信教”信徒奔赴广州上张小龙教主的大课,……作业帮、阿凡题只是乱象冰山一角,学习APP究竟出路在哪?在孩子们为技术改变生活而感到惊叹之时,伴随着互联网信息传播而产生的不良影响让家长们唉声叹气。当广告中小女孩用稚嫩的声音喊出“妈妈再也不用担心我的学习”之时,人们真的认为在……关于微信小游戏的六个预言当你沉迷于微信小游戏,难以自拔的时候,人家却对其的未来来了一个预测。不信?!一起来看看~最近几天沉迷微信小游戏不能自拔,跳一跳永远上不了50,弃了;熬夜刷头脑王者排位不能……
夏季四种脱毛的方法利弊总结不同脱毛方法优质单品推荐立夏已经过去一段时间了,天气已经到了可以穿裙子、短裤的时候了。但夏季最让人烦恼的就是脱毛的问题了,怎样做一个光滑女人,不同的脱毛方法有不同的利弊,根据自身的情况来自主的选择。……全国首张“宽带电视”牌照落地,广电系能否突围宽带电视区别于传统电视的新业态,却姗姗来迟。日前,TMT产业观察家、融合网呼麦网总编吴纯勇在接受C114采访时表示,“我们如果只是简单的从字面上理解广电宽带电视的……武汉市委书记部署:再发现一例居家确诊病人,问责区委书记区长原标题:全市拉网大排查明日交卷!王忠林部署:再发现一例居家确诊病人,问责区委书记区长来源:长江日报2月18日,结束下午的基层暗访后,湖北省委常委、武汉市委书记王忠林……“疫”考之下,大数据分析被“摊平”的春运2020年的春运,我们猜中了开头,却没有猜中结尾。40天的春运,因为突如其来的疫情,被“摊平”,被“拉长”。车站和机场没有了以往的喧嚣与欢腾,取而代之的只有一张张被……钉钉“历险记”背后,在线上课正在经历什么?新冠肺炎疫情让假期延长了但课还是要上的目前全国很多学校都选择了在线上课以钉钉为首的学(ban)习(gong)软件迅速在学生群体中……沙漠蝗肆虐,会否波及中国?近日,沙漠蝗在东非及西亚罕见暴发,多国宣布进入应对紧急状态。联合国粮农组织宣布若到6月蝗灾得不到控制,蝗虫数量或再增500倍。这一消息迅速引发网友关注。沙漠蝗为何而来?会否波及……助力社区防疫,阿里云电子通行证覆盖170多个城市抗击疫情,社区是关键。2月20日,记者获悉,目前全国170多个地级市的社区已经启用阿里云社区电子通行证解决方案,实时掌握居民进出时间、身体状况、联系方式等,极大提升了疫情防控和……面对疫情,德鲁克先生给我们的4点启示本文来自微信公众号“管理的常识”(ID:Guanlidechangshi),作者熊小年新冠疫情以来,医护人员、军人和有关组织和个人都做出了很多可歌可泣的贡献。全民抗……日本新冠肺炎确诊病例达705人应对举措存不足?中新网2月20日电综合报道,19日,日本共新增88例确诊的新冠肺炎病例,其中有79例来自“钻石公主”号邮轮,9例来自日本国内各地。目前,日本新冠肺炎确诊病例累计已达705例。……当当一名员工确诊新冠肺炎,网曝俞渝内部信曾引起强烈争议2月20日,网传当当昨晚召开了内部电话会议,会议向全体员工传达了此前那名母亲确诊新冠肺炎的员工,最新一次核酸测试呈阳性,也就是确诊的消息。随后,当当向媒体公布员工最新进展……国资委:对涉医涉药企业组织全面复工复产本报记者杜雨萌2月19日,国务院联防联控机制就有序推动各类企业复工复产和稳岗就业工作情况举行发布会。会上,国务院国资委新闻发言人夏庆丰对中央企业复工复产的实际情况和下一步……今年社保、保险和养老金入市最高或超6000亿元本报见习记者吴晓璐今年以来,投资者在加速入市。最新数据现实,截至1月底,A股投资者(包括自然人和机构)已经达到1。6亿。与此同时,外资、机构也在纷纷加仓。近日,证监……
友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界