当前位置:主页 >科室新闻 >医院动态 >

www黄色视频网站 _看脸时代,互联网产品的“颜面”到底有多重要?

发布时间:2019-08-11 11:43:22   浏览次数:   来源:北医三院成(整)形外科
看脸时代,互联网产品的“颜面”到底有多重要?

作为互联网产品的“颜面”,产品面向用户的第一关,UI设计虽然已经趋于成熟,但各大企业对UI依旧十分重视。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

UI设计师的需求量依旧很大

关于UI设计的进阶学习

MICU创始人王铎将多年的经验凝聚

《新印象 解构UI界面设计》


看脸时代,互联网产品的“颜面”到底有多重要?

剁手之前,我们来看看书里的内容节选吧。如果喜欢,那一定别错过,全年最低的秒杀价~

UI设计虽然不需要过多的视觉冲击力,但也是由基础的点线面构成的,那在UI设计中怎么才能把这些基础元素使用好呢?

UI元素之道

点线面

在哲学上的定义:点是宇宙的起源,没有任何体积,被挤在宇宙的“边缘”,点是所有图形的基础;线是由无数个点连接而成的;面是由无数条线组成的。

在视觉层面上我们可以这样理解:点就是点缀,目的是丰富画面,活跃气氛;线就是联系,具有引导性,贯穿画面;面是重点,用于呈现主要的信息,具有分量感。

案例分析

图中的点线面非常好区分,图中的插画形象和主标题可以理解为“面”,背景上的图片和小方块可以理解为“点”,背景上的透视线条装饰可以理解为“线”。在设计中,点就是元素,可以是基础的图形也可以是不同的实物元素。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

点线面

点的作用:丰富画面,提升氛围。可以利用基础的形状作为点元素,这样的设计简洁而时尚。如图中的两张对比图,右图缺少点元素后,整个画面的气氛减弱了很多。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

点的作用

点元素不仅可以是基本形状,还可以用 Logo 或实物等元素来表示。如图所示,上图运用了笔刷效果来丰富画面,而下图则用到了相机作为背景点元素来丰富画面,这两个设计都丰富了画面,并且突出了品牌的特色。

看脸时代,互联网产品的“颜面”到底有多重要?

多样化的点元素

线的作用:主要是引导阅读。在界面构成中,点的视线轨迹就是线,线在整个画面中起到了串联的作用。如果页面元素的样式有很多种,加上元素的大小不一等因素,可以利用线的串联功能来加强画面的关联感和次序,从而增强阅读性,如图所示。

看脸时代,互联网产品的“颜面”到底有多重要?

用线串联画面

在视觉设计中,单个文字也可以理解成点,而一行文字可以理解成线,把握好文字(线)与面之间的关系可以让画面更加优美和舒适,如图所示。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

一行文字可以理解成线

另外,文字的排版有时候也会根据面的形状进行排布,让文字和面的关系更加一体化,如图所示。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

文字的排版可以根据面进行排布

注意,线条之间的层次很重要。如图所示,巧妙地将文字、线框与麦克风之间的空间关系表现了出来,利用线条的层次穿插不仅凸显了产品气质,同时还强调了主题。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

线条之间的层次

另外,利用线条与人物之间的穿插可以有效地增强画面的视觉冲击力,如图所示。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

线条与人物之间的穿插

在App设计中,有一种常见的浮层引导,会使用线框来归纳信息,这种线框不仅可以强调内容的重要性,还可以指引用户进行操作,如图所示。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

线框浮层引导

面的作用:突出重点,区分层级关系。面的基本形状大致包含圆形、方形和三角形3种,不同的形状可以体现不一样的气氛。在布局中,块面与块面的层次关系能很好地梳理标题文案之间的前后关系。

如图所示,将标题和按钮放到了第一层级的面上,与次要的文字和人物进行了层级区分,从而加强了点击的引导。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

将标题和按钮放到第一层级面上

利用圆形的面可以高度突出主要信息,因为圆形具有非常好的聚焦作用,如图所示。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

利用圆形面高度突出主要信息

注意,在面上添加元素时,要遵循近大远小的规律,这样才能体现空间感,元素的大小不能超过主要信息面的大小,如图所示。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

面上元素的大小不能超出主要信息面的大小

点线面的构成都是有联系的,多个点可以连成线,而点线元素的拼合也可以形成面,这种点线元素的归纳具有整体性,如图所示。

看脸时代,互联网产品的“颜面”到底有多重要?

看脸时代,互联网产品的“颜面”到底有多重要?

点线面的构成都具有联系

看脸时代,互联网产品的“颜面”到底有多重要?


分享到:

1、版权所有: 北医三院成(整)形外科。未经许可不得使用、转载、摘编。

2、凡本网注明“来源:XXX(非北医三院成(整)形外科)”的作品,均转自其它媒体,目的在于传递更多信息,不代表本网赞同其观点和对其真实性负责。

3、本网站致力于提供正确、完整的健康资讯。本站所提供的任何健康资讯,仅供参考,不能替代医生和其他医务人员的建议,如自行使用发生偏差,本站概不负责。

相关文章
关于我们
北京大学第三医院整形外科(原成形外科)隶属于北京大学第三医院,具有值得骄傲的历史,她成立于1949年,与新中国同龄,是我国最早成立的整形外科专业学科;其老一代整形外科大家朱洪荫教授、王大玫教授、孔繁怙教授等堪称我国整形外科事业的奠基人,为新中国整形外科从零起步,由弱到强的发展作出了巨大贡献……【更多】

010-82266291(手术)

010-82266290(微创)

    更多>>

三院整形手机APP

下载安装:    

三院整形微信

地址:北京市海淀区花园北路49号 电话:010-82264249

版权所有 北京大学第三医院整形外科(原成形外科) 未经许可不得使用,不得转载、摘编 京ICP备05082115号-7 京卫网审[2012]第0069号