• 吉林省将开展城市管理效能提升三年行动:打造宜居的美丽城市 2020-01-13
  • 沁水一季度发放就业见习补贴65.28万元 2020-01-10
  • 你穿着破敝的衣服,在最贫最贱最失所的人群中行走 2020-01-04
  • 北京公示东城区委常委、副区长陈之常拟为区长人选(图简历) 2020-01-04
  • “威马逊”在海南翁田镇沿海登陆 最大风力达17级 2020-01-02
  • AR拯救宇宙 联想Mirage智能头显套装评测 2019-12-28
  • 努力把各级党组织锻造得更加坚强有力——四论认真学习贯彻省委十二届四次全会精神 2019-12-21
  • [大笑]在咱面前,小撸也只有卖萌的份儿了! 2019-12-20
  • 马上背!十九大报告中的四个“新” 2019-12-20
  • 挪用近千万公款 卖掉女儿与家人闹翻 如此打赏主播图什么 2019-12-13
  • 凯恩率“三狮军团”艰难战胜突尼斯 2019-12-13
  • 总重430kg!日本最重组合:5名胖女孩出道了! 2019-12-11
  • 重庆高校陆续公布招生计划、专业设置情况和新政策 2019-12-11
  • 好莱坞环球影城“功夫熊猫”主题剧院开放 2019-12-05
  • [大笑]在咱面前,小撸也只有卖萌的份儿了! 2019-11-23
  • 界面设计:为什么你的布局很平庸?

    来源:人人都是产品经理    时间:2019-11-01    站内收藏

    财神爷三肖中特 www.mtjzd.tw

    在产品界面设计中,形对设计有很大的影响,每一种样式所传达的感受是不同的:黄金矩形、平行四边形、圆形、三角形以及其他不规则图形。本文笔者对形的运用和相关设计思路进行了梳理分析,供大家参考和学习。

    形的基础概念

    我们日常生活中所了解的形状各式各样的,对我们生活影响极其大,比如地下水井盖为何做成圆形,电线杆的外形为何是圆形,高铁火车头前面为何是尖圆形的而不是方形等等,这些日常生活中的设计你有趣思考过吗。

    那么在产品界面设计中,形对它的影响也是极其大,每一种样式所传达的感受是不同的,黄金矩形、平行四边形、圆形、三角形,其他不规则图形。

    我把它们分为这几大类。下面我们就开始来进一步了解这些形状在布局设计中的作用。

    为什么形对设计影响极大

    我们首先要清楚图形也是设计语言构成的主要成分。在图标中,辅助图形等等用的如此之多,更何况Google Materials 材料语言已经把图形纳入设计系统规范里面了,可以看出他的重要性,下面看一些例子。

    下图是我拆解的对比图:

    左边和右边相比是不是感觉右边瞬间空了很多,左边的设计布局更加新潮。传达出一种很活跃新颖的趋势感受

    方形和圆形按钮,那个感受更好一些呢,从我这边理解来看,本身后面图形就是黄金矩形,那么如果按钮再来一个方形,就会显得画面略显呆板,那么换成圆形按钮,感受就会不一样,会给提升一些设计细节。

    上面案例设计图,分别在居中使用斜切、四边形、不规则图形、和半圆形,有时候我们其实可以思考为何别人做的设计第一感官就是很舒服,看着觉得很新潮,其实这些在新潮的设计,都离不开图形的组合运用。

    万变不离其宗,图形也是构成设计语言的基础要素,所以设计中有着极大的作用

    在网页中的运用

    这种打破常规的构图技巧,给整个设计增添许多灵魂与新潮感。

    线上案例运用

    前面我们了解到这些图形在版面设计中,产品设计中的运用,那么我们如何提取思路运用到我们现有的产品线来??梢岳聪瓤茨壳耙丫舷叩陌咐?。

    上面几个案例我可以看出,这种形状目前已经慢慢在一些应用中开始盛行起来,能通过这种手法来区分竞品,形成用户感知的记忆点,同时能给产品提升需要好的口碑。

    苹果每次做设计改版时候 都做了一些新的尝试,比如计算器图形的改变,appstore里面大卡片的运用。就是不断通过一些形去强化用户感知,打造产品记忆点。

    提取设计思路

    从上面一些案例我们分析得出一些设计方案运用到我们设计中去,增加一些产品设计亮点

    上面我简单列举一些例子,当然我们在做的时候 一定要集合整个产品的基础设计语言特征,去运用这些图形组合方式。

    1. 打破常规的图形色彩组合布局,并不是单一的图形层叠,而是更加年轻化,新潮

    2. 图形斜切,黄金矩形的使用,半圆弧,不规则图形等等,增添画面设计感

    #专栏作家#

    TONY,公众号:功夫UX,人人都是产品经理专栏作家。百度高级UI设计师,关注互联网To C产品,关注物联网车载方面,擅长产品界面设计,产品基础设计语言定义,前瞻性设计风格探索。


    本文来源:人人都是产品经理

    上一篇:返回列表
    关键词: 界面设计 布局设计 
    作者:TONY
    相关阅读
      正在加载...
  • 吉林省将开展城市管理效能提升三年行动:打造宜居的美丽城市 2020-01-13
  • 沁水一季度发放就业见习补贴65.28万元 2020-01-10
  • 你穿着破敝的衣服,在最贫最贱最失所的人群中行走 2020-01-04
  • 北京公示东城区委常委、副区长陈之常拟为区长人选(图简历) 2020-01-04
  • “威马逊”在海南翁田镇沿海登陆 最大风力达17级 2020-01-02
  • AR拯救宇宙 联想Mirage智能头显套装评测 2019-12-28
  • 努力把各级党组织锻造得更加坚强有力——四论认真学习贯彻省委十二届四次全会精神 2019-12-21
  • [大笑]在咱面前,小撸也只有卖萌的份儿了! 2019-12-20
  • 马上背!十九大报告中的四个“新” 2019-12-20
  • 挪用近千万公款 卖掉女儿与家人闹翻 如此打赏主播图什么 2019-12-13
  • 凯恩率“三狮军团”艰难战胜突尼斯 2019-12-13
  • 总重430kg!日本最重组合:5名胖女孩出道了! 2019-12-11
  • 重庆高校陆续公布招生计划、专业设置情况和新政策 2019-12-11
  • 好莱坞环球影城“功夫熊猫”主题剧院开放 2019-12-05
  • [大笑]在咱面前,小撸也只有卖萌的份儿了! 2019-11-23
  • 幸运飞艇计划全天 南粤36选7 小鱼赚钱的高额任务 广东南粤36选7开奖结果 彩票投注工具 广西十一选五开奖情况 永久平码平肖公式规律 篮彩怎么买 竞彩比分4串1奖金封顶 滚球怎样最赚钱