设计思维模型对于互联人来说是非常重要的,我们经常碰到求职的同学,要么系统思考不够,要么用户和商业思维不足。那么到底什么是系统思考,设计师该如何学会系统思考呢?
设计思维模型的重要性
设计做久了你会发现离不开流程和思维,之前支付宝一位大佬总结下来叫“左手艺术,右手科学”,艺术大家都明白,设计师是感性动物,对于美的追求是大家都擅长也有发言权的,科学则指的是:我们需要通过科学的方法流程,系统的思考问题方式,让设计不止好看,同时也符合用户,商业诉求,达到这3者的平衡点。所以设计师,除了关注「左手」艺术的部分,同时也需要关注「右手」科学的部分。
设计思维包含哪些 设计思维是最基础的,作为设计师,我们必须了解各大平台的设计规范,这是做好任何设计的基础。如果你不了解所负责平台的规则,你的设计就无法迈出第一步,所以对于刚做设计不久的同学,基础思维规范需要就算死记硬背,也一定要记下来,没有这个基础后面都是无用功。1.知道基础设计规范
常用的设计规范,比如iOS的设计规范:里面详细定义了,常用的导航栏高度,表格视图高度,页面中常用的设计字体字号多少等,如何去适配不同分辨率,这些基础的设计原则,都可以统称为设计思维。
2.知道常用设计原则
设计思维很重要一点,就是要具备基础的审美,了解一定的用户心理学,其中页面布局运用比较多的格式塔原理,是做设计排版的基础。
相似性原则:我们会潜意识把更紧密的事物归属一组。
相似性原则运用:淘宝网导航菜单就是运用这种原则,根据产品类别一致,进行同类分类,这个就是运用的格式塔紧密设计原则
封闭性原则:视觉系统自动尝试将敞开的图形关闭起来,从而将其感知为完整的物体而不是分散的碎片。
封闭性原则运用:我们会自动将这些不完整的图形在脑海中封闭起来,形成一个完整图形。如图中海报,虽然文字被遮挡了一部分,或者被一些图形分割了,但是我们脑海中还是会自动脑补出设计画面。
连续性原则:我们的视觉感知系统倾向于连续性,对连续的形式感知比离散的碎片要强。
连续性原则运用:Pinterest和ins虽然卡片被下面截断了,但是我们还是会认为它和下面内容是一组的。
焦点原则:一个页面只有一个核心,一个视觉焦点,这样才能引导用户去关注你想表达的重点。
焦点原则运用:少即是多,苹果的很多产品就是运用一个焦点原则,做到画龙点睛的。
地面原则:我们的大脑将视觉区域分为主体和背景,主体指这个场景中占据注意力的主要元素,其余都为背景。
地面原则运用:如上图案例中,我们视觉会自动将红色,绿色,蓝色当做背景,页面的几何图形会当为主体,用户的注意力也在上面,在平时做设计时候需要去营造这种空间和层次感。
格式塔:是设计很重要基础之一,来源于20世纪的德国,也是作为设计师必须掌握的设计原则,也是做设计第一个需要掌握的基础。
3.知道设计是用来用的,而不是艺术
很多同学刚做设计时,很容易在页面中为了体现自己掌握的某种技法,而过度设计,或者设计的页面太偏向于个人喜好。这是不对的,我们的设计最终一定是能被用户使用的,否则再漂亮华丽的设计都只能是昙花一现。
4.知道设计不止是效果图,对落地负责
工作几年后,作出一套漂亮的设计效果图并不难,很多时候参考下竞品,在竞品基础上去找一些差异化创新,甚至做出一个超越竞品的设计效果图,加上真实动效,好看的图片,精心排版的文案;很多设计师都可以做到。但是很多人都忽略了真正上线后的效果。
5.知道主流设计趋势和手法
目前很多设计师以为做UI就只有扁平化,以为大公司设计流程都是痛点分析、人群画像、旅程地图、用户调研、方案呈现。各种推导,最终的方案却草草收尾,这反而会暴露出一个很大的问题,风格单一。其实UI真的不止是只有扁平化。
这篇文章来自 UI 设计师 Diana Malewicz,她在日常工作中会非常注意 UI设计 的流行趋势,而这篇总结就是她梳理总结的10个小趋势。它们更多的是偏向 UI 视觉方面,并不涉及到体验和交互。
最近我花了不少时间来观察 UI 设计的发展趋势,我偶然间注意到了不少很有意思的苗头,或者说设计趋势。我认为这些设计趋势,能够在不久的将来塑造更加独树一帜的UI 。
下面是我所梳理总结出来的 10 种趋势。
1、新拟物化
的确,新拟物化是2020年处于风口浪尖的一种视觉风格,无论你喜欢不喜欢,觉得它可行不可行,它现在都已经是一个确定的、成型的风格,并且会持续存在着。
不过,新拟物化从最初诞生到现在,已经有一定的改变了,并且在向着更加复杂、完善的方向发展,有着更为良好的可访问性,开始具备更多拟物化的设计特征,但是更加新鲜、现代,并且更能渲染出独特的氛围感。
2、柔和渐变
渐变这种设计趋势正在进入两极分化的一个阶段。一方面,在视觉设计领域,一部分渐变变得更加夸张,但是在 UI 设计领域,无论是背景、UI元素(比如按钮、卡片和图形),渐变依然存在,只不过会显得更加微妙柔和。
在 UI 设计领域,还有的设计师会使用双色渐变,并且结合模糊效果,让它更加柔和。
3、几何元素
几何元素既可以作为背景来使用,也可以作为装饰细节,让你的设计越来越有趣。几何元素在最近几年受到的关注非常多,在设计上的应用也颇为广泛,甚至有人将几何元素拼接成为马赛克,最终呈现出来的视觉效果非常酷!
4、色调柔和背景
必须说,我个人是非常喜欢这种设计趋势的。我已经看到了很多令人惊艳的、轻巧且极富美学价值的背景设计,它们用明亮柔和的色彩铺满背景,展现出极强的色彩和搭配的技巧。
使用色调柔和的背景能够让整个设计都显得现代而沉静,清新,让内容真正抓住用户的注意力。
5、插画和3D元素
插画毫无疑问是非常流行的。不过,不论是配色还是视觉风格,无论是什么样的插画风格,最终的目标依然是要契合产品和 UI,所以很多插画都选择了相对扁平的风格,或者选择模拟类似3D的视觉外观。相比于每个数字项目都在使用的免费图片,插画真的是向前走出了一大步!
6、抽象图形
和传统的规则的几何图形不同,抽象而不规则的图形可以让界面显得更加不拘一格和好玩,更通俗的来讲,就是让 UI 界面更加「有机」,我认为这是一件好事。使用钢笔工具在原始的圆形和矩形上进行编辑,尝试不同的轮廓,承载不同的颜色和渐变效果,最后生成的效果会非常有趣。如果你不想去自己绘制,可以尝试一下 Blobmaker 这个工具,能够帮你节省时间~
7、深色模式
深色模式在这2年绝对是人所共知的一个设计风尚了,如今的深色模式 UI 设计已经深入到各个不同的应用。简单来说他是整个界面配色反转之后的效果,便于用户在深夜更轻松地浏览界面信息。只不过在具体的设计实施上,深色模式远不是简单的色彩反转就可以实施的,有很多注意事项,尤其是在对比度控制上。
8、倾斜角度呈现、
最初大家在 Dribbble 上会倾向于使用非标准的排版布局方式来呈现UI界面,后来这种展现方式开始逐渐在实际的设计项目中应用开来。在实际的设计当中,绝大多数情况下都会挑选30度到50度之间的倾斜角度。这种方法非常不错,可以多尝试。
9、弥散的阴影
阴影是拟物化设计当中最重要的视觉元素之一,而如今它又再次大规模流行开来了。只不过相比于之前「沉重」的阴影,柔和的弥散阴影在美学上更加令人愉悦,通常,阴影会让 UI 元素的「可点击感」更强,并且有助于区分界面中的层次结构。
10、简约加粗的字体
实际上早在 iOS 7 的时代,曾经一度流行过笔触纤细且字体宽度比较窄的字体,不过很庆幸这个时代过去了。现在所流行的字体更加讲究字体的可读性,字体的外轮廓都大体趋近于正方形,外观显得更加大气而现代。如果你正在寻找类似这样的字体,可以试试Poppins、Montserrat、Gilroy、Sofia Pro、Proxima Nova 等字体。