设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

设计灵感3年前 (2021)更新 一六视觉
1,314 0 0

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

这是为你推送的

002期设计周刊

设计灵感 X 风格解析 X 提升审美

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

设计的细节可以多恐怖?

为什么我们常说专业设计师对PPT自学者是降维打击?

个人认为两者主要区别在于:

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

普通选手在设计上,看到的内容多为表面具象化的内容(宏观)

而专业选手,会透过表面感受抽象化的信息,以及更加细节的设计(微观)

说白了就是透过一张图,能不能运用设计理论看到更多的设计内容。

那么作为当下比较流行的设计行业之一,UI设计,他能专业并且细节到什么地步呢?

下图是我给前公司产品做的界面交互状态,点击线条部分会下拉弹出端点的类型。

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

你能找到下拉界面的设计错误吗?

如果找不着,我来说吧,问题在于最后一个方形端点的正方形,比其他形状要大。

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

这是大家经常调侃的像素眼体现之一。

同时也是面积相同的形状在视觉上出现的视觉差对比,从而需要优化的细节。

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

适当缩小正方形

细节要求就是这么变态。

作为普通人不需要变态到这种地步,但其中涉及到的知识点,无关于变态。

这一期的设计周刊就带大家看一下,APP界面设计当中,有哪些设计细节值得我们学习?

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

比PPT更丰富的内容层级

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

这是一张信息层级处理非常到位的APP图。

大标题风格

主标题“完美风格”与副标题“正确率100%”的大小比例,比4:1还要大,这也使得内容对比非常明显。

文字深浅对比

仔细留意可以发现,文字的颜色并不是纯黑而是深蓝,并且通过颜色深浅突出不同内容。

整个界面层级区分明显,值得好好学习一波。

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

灰白的高级简约感

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

白色是一种纯净的颜色,适当的引用浅灰色搭配,很容易塑造出高级,简约极致的设计感。

尤其再与弥散阴影组合在一起,直接颜值炸裂。

例如上图就是标配的灰白设计套路:

浅灰色背景+带弥散阴影的白色块

但是部分PPTer在阴影使用上有非常大的错误。关于这一点,强烈推荐看完下篇文章👇

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

除此之外,灰白搭配之所以有这种高级感,还跟下面这个要点有重要关系:

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

让设计“圆”一些些

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

同样是这张图,仔细留意图片、色块的边角,都做了微圆角处理。

我们可以跟直边角的设计图做个对比。

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

ONE

前者对元素做的圆边角处理,

让画面整体变得更加有亲和力,让用户潜意识不抵抗。

TWO

而后者的直边角设计,更多是为了塑造产品的高级品牌感,说抽象一些,从边角处理上,显得比较“性冷淡”。

值得注意的是,圆角不是越大越好。 小圆角修饰细节增添质感,大圆角会让画面变得过分亲和,侧向于安全感,例如婴儿类的设计。

仔细留意你手机上主流的APP,它们的形状是不是都有小圆角处理?

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

改变被注意的重点

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

在APP设计中,会通过设计影响用户的潜意识选择。

兴趣、勤奋、学霸三种模式供你选择,但APP更希望你选择勤奋模式,于是标上了推荐,让这个选项区别于其他选项。

在PPT设计上同样可以如此,

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

例如我可以怎么突出第三点是最严重的问题?

只需要让它跟其他选项不同即可,试一下直接变红,

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

或者用灰色的深浅变化

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

至于选择哪一种?

新手看心情,高手看风格搭配。

以上,就是本期设计周刊的内容分享。这期灵感找了很久,准备了8张图,看来一次是写不完了。感兴趣的同学可以去这里看剩下的图👇

https://huaban.com/boards/65764117/

设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

往后更新的图,也会尽量收藏在这个画板。

如果以上内容,对你的PPT学习有帮助的话,

欢迎点赞分享支持

下一期你想了解些什么?

_ – END -_

欢迎在留言板说出你感兴趣的

设计风格 & 设计分析 & 技巧套路

感谢喜欢,请多多关注

编辑 | 二木

主审 | 一六视觉团队

内容部分来源于网络,仅作为灵感启发内容共享,

如有侵权,请联系微信a41247646协调处理


原文链接:设计周刊 No.002 | PPT如何借鉴UI设计变得更专业?

© 版权声明

相关文章