• 第一波!2022年6月精选实用设计干货合集

    UI交互 2022-06-07
    6月第1波设计干货合集来了!这次的合集中有好几个图库网站、图标库乃至于专门下载免费素材的设计网站推荐,简单来说,就是大家日常永远不够用的那些「优质设计素材...

    6月第1波设计干货合集来了!这次的合集中有好几个图库网站、图标库乃至于专门下载 免费素材 的设计网站推荐,简单来说,就是大家日常永远不够用的那些「优质设计素材」,在结尾我还附赠了一个颇为有趣的、设计感十足的小游戏,希望大家能够劳逸结合。对了,上个月的 干货合集 也记得看看:

    第一波!2022年5月精选实用设计干货合集 五一假期结束了,给大家贡献一波设计干货吧!

    阅读文章 >

    第二波!2022年5月精选实用设计干货合集 五月的第二波设计干货合集紧跟着就来了!

    阅读文章 >

    第三波!2022年5月精选实用设计干货合集 五月第三波设计干货合集来了!

    阅读文章 >

    第四波!2022年5月精选实用设计干货合集 五月第四波设计干货合集来了!

    阅读文章 >

    下面我们具体看看这一期的干货:

    1、定制矢量插画动画的图库工具 https://designstripe.com/crayon

    Crayon 是一个实用性非常强的工具,如果你有 SVG 格式的矢量素材,可以上传到 Crayon 上将它改成动画,如果你没有素材,可以直接在 Crayon 的素材库中寻找你心仪的插画,然后将它制作成你能用的动画,非常方便!

    2、超多高素质图标的 Figma 图标库 https://www.untitledui.com/icons

    这个图标库有胆子自称为终极图标库,肯定是有两把刷子的——从设计的素质上来说,这套图标库是高度统一的 Figma 原生图标库,不是从别处移植来的,从数量上来说,它涵盖 3500 多个不同的图标,怎么着都能覆盖日常的需求,风格上来说,现代而清爽,涵盖多个不同的常用样式。这种用心制作的图标库,一定要收藏。

    3、免费插画素材下载网站 https://freeillustrations.xyz/

    这个名为「免费插画」的网站就非常直接,它专门为你搜罗各种免费的插画素材,有的是个人项目,有的是商业项目,需要稍微注意一下这些免费素材的适用范畴。

    4、免费3D风插画素材包 Saly https://www.figma.com/community/file/890095002328610853

    这是一套完全免费的 3D 风格的插画素材,你可以在 Figma 当中直接适用。这套素材包含有30+ 插画,而且还在不断的更新和新增,你可以根据自己的需求对这些插画进行调整。

    5、合理又友好的开源配色库 https://reasonable.work/colors/

    Reasonable Colors 是一个开源的配色系统,用于构建可访问性良好且美观的配色方案。这套配色系统中每组颜色都严格遵循 WCAG 的用色对比度标准,确保两个颜色之间的对比度足够大,可用性较强,但是又不会显得突兀,这套配色系统对于绝大多数的网站和 APP 而言都足够用了。

    6、在线3D设计渲染和应用工具 https://www.vectary.com/

    Vectary 是一个新近出来的 3D 场景设计工具,或者说是包含工具的设计服务,它内置了大量的免费场景、模型以及素材,你可以直接借用这些元素来快速搭建场景,也可以完全从零开始设计。这个工具并非完全收费的,用户可以免费使用部分服务,并且最重要的是,你可以借助官方插件,在 Sketch 和 Figma 当中调用它。

    7、设计感超强的视频灵感库 https://www.showreelz.com/

    对,这个名为 Showreelz 是一个灵感库,其中搜集了大量素质超高、设计感足够强的视频内容,可以给你制作视频、寻找设计灵感提供有效的参考!

    8、配色有趣的益智小游戏 https://eightcolors.net/

    其实严格意义上来说,这并不是一个设计工具,仅仅是一个配色非常有趣且好玩到停不下来的在线益智小游戏,越往后的关卡颜色越多,图案也越复杂,通过方向键和Shift 键来挪动位置和小圆点,拼合出底部给出的图案,非常适合摸鱼的时候玩玩……

  • 让设计感暴增!8个画册标题的排版技巧

    UI交互 2022-06-07
    标题排版在画册设计中有着很关键的作用,标题排得好可以让整个版面的气质提升不少,反之亦然,而很多设计师在排画册的标题时,通常都是单纯选择一个笔画较粗的字体,...

    标题排版 在画册设计中有着很关键的作用,标题排得好可以让整个版面的气质提升不少,反之亦然,而很多 设计师 在排画册的标题时,通常都是单纯选择一个笔画较粗的字体,把字号拉大与正文对齐,这种标题的排版太过常规,容易导致整个版面缺乏设计感,比如下图。

    其实画册的标题也能排出许多新意,本篇文章,葱爷来给大家分享几个可以给画册设计加分的标题 排版技巧 。

    更多排版案例:

    有哪些容易上手,而且特别出效果的版式设计技巧? 排版的技巧有很多,而且随着设计的发展,每过一段时间都会有一些新的技巧流行起来,葱爷今天要给大家分享的这 7 个技巧,也是近几年比较流行,且容易上手、容易出效果的排版技巧。

    阅读文章 >

    描边字错位组合 上图是某院校招生画册的“学院简介”排版,由于太过讲究对齐,缺少变化,所以显得不够灵活,我们可以把标题的中英文词汇拆开进行错位排版,错位时要注意左右的平衡,另外,三行错位比起两行错位的变化会更丰富一些。

    单纯只是做错位处理,效果并不怎么好,因为没有层级关系,所以可以再加上字号大小的变化,突出重点词汇,弱化次要词汇。

    这样层级丰富多了,但是众多很粗很黑的字体挤在一起略显压抑,把其中部分词汇改成描边后,整体就变得更透气、更有设计感一些了,注意描边要细一点,以避免描边的笔画重叠在一起影响识别性和美观性。

    标题排好以后,再根据标题调整一下内文、页眉、页码的排版,内文通常会对齐标题中的某个字词,但一边对齐就好,不需要两端都对齐,页眉、页码可以作为装饰来排版,填充一点颜色可以让版面变得更活跃。

    彩色标题叠加灰色图片 还是拿前面的那个案例举例,把学校图片换成一张没有去底的矩形照片,然后把它处理成黑白色照,移动至版面上方,标题使用蓝色压住图片的左上角,这时标题就不是孤立的几行文字了,而是与图片形成了一个整体,这种排版方式在网页设计中比较常见,用于画册的标题排版,效果也是很不错的。

    图片做出血处理显得更大气,左下角的页码与标题左对齐,可以加强版面的整体性和关联性。

    手写体搭配黑体 同一个标题我们通常只会使用一种字体(不包括英文),但有时候也可以试试用两种字体搭配来使用,比如手写字体搭配无衬线字体,这两种字体在风格上完全不一样,对比非常强烈,能够给版面带来新意。

    由于该中文标题过于简短,所以搭配上英文会更丰富一些。

    正文刻意与标题进行了错位排版,当然,同时也保持着某些对齐关系,图片的排版同样如此,与正文错位,但与标题左对齐,整个版面既灵活又很有序,符合学校画册的调性。

    文字叠加色块 加色块是标题设计中常用的手法,但如果只是用一个色块把标题包住,那么效果是比较普通的,很容易像促销折页的做法。所以我们可以只把色块作为标题的一个装饰元素,用一个小小的色块放在标题后面,使其视觉上更丰富、更突出。

    图片的刻意错位很关键,如果图片与正文两端对齐,那么英文标题、正文、图片、页码都是沿着一条直线对齐的,整个版面就会变得生硬很多。

    文字加色块还有另一种效果也不错,即把文字色块合并在一起做成补丁效果,首先把文字错位排版,然后分别给每一行文字加一个色块把文字框住,色块与色块上下相连。

    搭配上序号和英文标题,丰富标题的对比关系,使其更美观、更有设计感,色块可以根据需求适当超出文字的长度。

    正文的排版我做了一点改变,把第一段单独拿出来作为引文使用,刚好这段文字在内容上也正好是起到提前说明的作用,这样处理后这个版面也变得有了一些新意,标题十分显目。

    手写体跨版 在画册设计对于有些版面,可以排得大气一点,比如把原本可以 1P 排完的内容排成一个跨 P,这时标题也可以拉大跨版排列,这种做法可以加强文字的大小对比,也会有更多留白空间。

    为什么用手写体呢?宋体和黑体不行吗?其实也可以,不过由于汉字的笔画比较复杂,宋体和黑体又比较方正,所以拉太大排列时会显得不够灵活,如果是英文则会好一些,所以在排版的时候我还做了倾斜与裁剪处理,并且搭配了英文进行错位排版,不然会显得过于单调。

    标题与正文左右排版 在竖版的画册中,我们通常喜欢把标题排在正文的上方,而如果把标题与正文左右摆放,那么又会有种不一样的感觉。但不要把标题与正文水平对齐,那样的话标题的空间就过小了,会显得很压抑,而是要把标题放在正文的左上方,并保持某些对齐关系。

    如果把这种排版方式看成是分栏网格,那么它属于不对称网格,即正文栏应该比标题栏更大一些,以保证有足够大的空间排列正文内容。标题栏可以有大量留白,页脚可以与标题形成呼应,丰富版面的细节。

    扭曲标题 这种标题处理手法在海报设计中比较常见,其实国外很多画册也这么做,效果很酷,冲击力很强。

    用中文来做这种效果行不行呢?也可以,不过不适合太严肃的画册,用在设计类和时尚类的画册中会比较合适,比如前面列举过的设计书籍的排版。由于文字较多,所以进行分行错位处理,然后在顶部菜单栏中选择对象-封套扭曲-用网格建立,把网格参数设置为 3 行 5 列。

    移动网格的锚点使文字呈波浪形,如下图。

    拉拽锚点左右两边的手柄使波浪形变得柔和一点。

    波浪效果做得差不多后,按快捷键 E 调出自由变换工具面板,并选择自由扭曲工具,把标题扭曲成如下效果。

    再调整一下细节,然后把它放在版面中,把内容篇章的序号处理成描边样式与标题叠加在一起,可以起到装饰的作用。

    扭曲的标题搭配上鲜艳一点的颜色,效果会更时尚,对于这种版面,正文也不要排得过于规矩,所以,我刻意把版面中的两张图片做了错位处理。

    打散排列 通常我们会把标题文字集中排放,但对于设计和时尚类画册,我们可以打破传统的做法,把标题做适当的分散排版,效果也很不错,当然,标题文字如果太少就不合适了。

    另外,为了使标题更特别 ,给文字加上下划线效果会更好,并且下划线可以根据需求适当延长,以加强这些分散文字的关联性,甚至还可以加上英文做装饰。

    正文的排版与标题文字左右两端保持对齐。

    结语 设计是一个不断尝试、调整的过程,排标题同样也是如此。另外,标题的排版固然是很重要的,但是想要整体效果得到比较大的改善,正文、图片、页眉、页脚、页码的配合也很重要,永远要把整体的大效果摆在第一位。

    欢迎关注作者的微信公众号:「葱爷」

  • 第一波!2022年6月精选实用设计干货合集

    UI交互 2022-06-07
    6月第1波设计干货合集来了!这次的合集中有好几个图库网站、图标库乃至于专门下载免费素材的设计网站推荐,简单来说,就是大家日常永远不够用的那些「优质设计素材...

    6月第1波设计干货合集来了!这次的合集中有好几个图库网站、图标库乃至于专门下载 免费素材 的设计网站推荐,简单来说,就是大家日常永远不够用的那些「优质设计素材」,在结尾我还附赠了一个颇为有趣的、设计感十足的小游戏,希望大家能够劳逸结合。对了,上个月的 干货合集 也记得看看:

    第一波!2022年5月精选实用设计干货合集 五一假期结束了,给大家贡献一波设计干货吧!

    阅读文章 >

    第二波!2022年5月精选实用设计干货合集 五月的第二波设计干货合集紧跟着就来了!

    阅读文章 >

    第三波!2022年5月精选实用设计干货合集 五月第三波设计干货合集来了!

    阅读文章 >

    第四波!2022年5月精选实用设计干货合集 五月第四波设计干货合集来了!

    阅读文章 >

    下面我们具体看看这一期的干货:

    1、定制矢量插画动画的图库工具 https://designstripe.com/crayon

    Crayon 是一个实用性非常强的工具,如果你有 SVG 格式的矢量素材,可以上传到 Crayon 上将它改成动画,如果你没有素材,可以直接在 Crayon 的素材库中寻找你心仪的插画,然后将它制作成你能用的动画,非常方便!

    2、超多高素质图标的 Figma 图标库 https://www.untitledui.com/icons

    这个图标库有胆子自称为终极图标库,肯定是有两把刷子的——从设计的素质上来说,这套图标库是高度统一的 Figma 原生图标库,不是从别处移植来的,从数量上来说,它涵盖 3500 多个不同的图标,怎么着都能覆盖日常的需求,风格上来说,现代而清爽,涵盖多个不同的常用样式。这种用心制作的图标库,一定要收藏。

    3、免费插画素材下载网站 https://freeillustrations.xyz/

    这个名为「免费插画」的网站就非常直接,它专门为你搜罗各种免费的插画素材,有的是个人项目,有的是商业项目,需要稍微注意一下这些免费素材的适用范畴。

    4、免费3D风插画素材包 Saly https://www.figma.com/community/file/890095002328610853

    这是一套完全免费的 3D 风格的插画素材,你可以在 Figma 当中直接适用。这套素材包含有30+ 插画,而且还在不断的更新和新增,你可以根据自己的需求对这些插画进行调整。

    5、合理又友好的开源配色库 https://reasonable.work/colors/

    Reasonable Colors 是一个开源的配色系统,用于构建可访问性良好且美观的配色方案。这套配色系统中每组颜色都严格遵循 WCAG 的用色对比度标准,确保两个颜色之间的对比度足够大,可用性较强,但是又不会显得突兀,这套配色系统对于绝大多数的网站和 APP 而言都足够用了。

    6、在线3D设计渲染和应用工具 https://www.vectary.com/

    Vectary 是一个新近出来的 3D 场景设计工具,或者说是包含工具的设计服务,它内置了大量的免费场景、模型以及素材,你可以直接借用这些元素来快速搭建场景,也可以完全从零开始设计。这个工具并非完全收费的,用户可以免费使用部分服务,并且最重要的是,你可以借助官方插件,在 Sketch 和 Figma 当中调用它。

    7、设计感超强的视频灵感库 https://www.showreelz.com/

    对,这个名为 Showreelz 是一个灵感库,其中搜集了大量素质超高、设计感足够强的视频内容,可以给你制作视频、寻找设计灵感提供有效的参考!

    8、配色有趣的益智小游戏 https://eightcolors.net/

    其实严格意义上来说,这并不是一个设计工具,仅仅是一个配色非常有趣且好玩到停不下来的在线益智小游戏,越往后的关卡颜色越多,图案也越复杂,通过方向键和Shift 键来挪动位置和小圆点,拼合出底部给出的图案,非常适合摸鱼的时候玩玩……

  • 让设计感暴增!8个画册标题的排版技巧

    UI交互 2022-06-07
    标题排版在画册设计中有着很关键的作用,标题排得好可以让整个版面的气质提升不少,反之亦然,而很多设计师在排画册的标题时,通常都是单纯选择一个笔画较粗的字体,...

    标题排版 在画册设计中有着很关键的作用,标题排得好可以让整个版面的气质提升不少,反之亦然,而很多 设计师 在排画册的标题时,通常都是单纯选择一个笔画较粗的字体,把字号拉大与正文对齐,这种标题的排版太过常规,容易导致整个版面缺乏设计感,比如下图。

    其实画册的标题也能排出许多新意,本篇文章,葱爷来给大家分享几个可以给画册设计加分的标题 排版技巧 。

    更多排版案例:

    有哪些容易上手,而且特别出效果的版式设计技巧? 排版的技巧有很多,而且随着设计的发展,每过一段时间都会有一些新的技巧流行起来,葱爷今天要给大家分享的这 7 个技巧,也是近几年比较流行,且容易上手、容易出效果的排版技巧。

    阅读文章 >

    描边字错位组合 上图是某院校招生画册的“学院简介”排版,由于太过讲究对齐,缺少变化,所以显得不够灵活,我们可以把标题的中英文词汇拆开进行错位排版,错位时要注意左右的平衡,另外,三行错位比起两行错位的变化会更丰富一些。

    单纯只是做错位处理,效果并不怎么好,因为没有层级关系,所以可以再加上字号大小的变化,突出重点词汇,弱化次要词汇。

    这样层级丰富多了,但是众多很粗很黑的字体挤在一起略显压抑,把其中部分词汇改成描边后,整体就变得更透气、更有设计感一些了,注意描边要细一点,以避免描边的笔画重叠在一起影响识别性和美观性。

    标题排好以后,再根据标题调整一下内文、页眉、页码的排版,内文通常会对齐标题中的某个字词,但一边对齐就好,不需要两端都对齐,页眉、页码可以作为装饰来排版,填充一点颜色可以让版面变得更活跃。

    彩色标题叠加灰色图片 还是拿前面的那个案例举例,把学校图片换成一张没有去底的矩形照片,然后把它处理成黑白色照,移动至版面上方,标题使用蓝色压住图片的左上角,这时标题就不是孤立的几行文字了,而是与图片形成了一个整体,这种排版方式在网页设计中比较常见,用于画册的标题排版,效果也是很不错的。

    图片做出血处理显得更大气,左下角的页码与标题左对齐,可以加强版面的整体性和关联性。

    手写体搭配黑体 同一个标题我们通常只会使用一种字体(不包括英文),但有时候也可以试试用两种字体搭配来使用,比如手写字体搭配无衬线字体,这两种字体在风格上完全不一样,对比非常强烈,能够给版面带来新意。

    由于该中文标题过于简短,所以搭配上英文会更丰富一些。

    正文刻意与标题进行了错位排版,当然,同时也保持着某些对齐关系,图片的排版同样如此,与正文错位,但与标题左对齐,整个版面既灵活又很有序,符合学校画册的调性。

    文字叠加色块 加色块是标题设计中常用的手法,但如果只是用一个色块把标题包住,那么效果是比较普通的,很容易像促销折页的做法。所以我们可以只把色块作为标题的一个装饰元素,用一个小小的色块放在标题后面,使其视觉上更丰富、更突出。

    图片的刻意错位很关键,如果图片与正文两端对齐,那么英文标题、正文、图片、页码都是沿着一条直线对齐的,整个版面就会变得生硬很多。

    文字加色块还有另一种效果也不错,即把文字色块合并在一起做成补丁效果,首先把文字错位排版,然后分别给每一行文字加一个色块把文字框住,色块与色块上下相连。

    搭配上序号和英文标题,丰富标题的对比关系,使其更美观、更有设计感,色块可以根据需求适当超出文字的长度。

    正文的排版我做了一点改变,把第一段单独拿出来作为引文使用,刚好这段文字在内容上也正好是起到提前说明的作用,这样处理后这个版面也变得有了一些新意,标题十分显目。

    手写体跨版 在画册设计对于有些版面,可以排得大气一点,比如把原本可以 1P 排完的内容排成一个跨 P,这时标题也可以拉大跨版排列,这种做法可以加强文字的大小对比,也会有更多留白空间。

    为什么用手写体呢?宋体和黑体不行吗?其实也可以,不过由于汉字的笔画比较复杂,宋体和黑体又比较方正,所以拉太大排列时会显得不够灵活,如果是英文则会好一些,所以在排版的时候我还做了倾斜与裁剪处理,并且搭配了英文进行错位排版,不然会显得过于单调。

    标题与正文左右排版 在竖版的画册中,我们通常喜欢把标题排在正文的上方,而如果把标题与正文左右摆放,那么又会有种不一样的感觉。但不要把标题与正文水平对齐,那样的话标题的空间就过小了,会显得很压抑,而是要把标题放在正文的左上方,并保持某些对齐关系。

    如果把这种排版方式看成是分栏网格,那么它属于不对称网格,即正文栏应该比标题栏更大一些,以保证有足够大的空间排列正文内容。标题栏可以有大量留白,页脚可以与标题形成呼应,丰富版面的细节。

    扭曲标题 这种标题处理手法在海报设计中比较常见,其实国外很多画册也这么做,效果很酷,冲击力很强。

    用中文来做这种效果行不行呢?也可以,不过不适合太严肃的画册,用在设计类和时尚类的画册中会比较合适,比如前面列举过的设计书籍的排版。由于文字较多,所以进行分行错位处理,然后在顶部菜单栏中选择对象-封套扭曲-用网格建立,把网格参数设置为 3 行 5 列。

    移动网格的锚点使文字呈波浪形,如下图。

    拉拽锚点左右两边的手柄使波浪形变得柔和一点。

    波浪效果做得差不多后,按快捷键 E 调出自由变换工具面板,并选择自由扭曲工具,把标题扭曲成如下效果。

    再调整一下细节,然后把它放在版面中,把内容篇章的序号处理成描边样式与标题叠加在一起,可以起到装饰的作用。

    扭曲的标题搭配上鲜艳一点的颜色,效果会更时尚,对于这种版面,正文也不要排得过于规矩,所以,我刻意把版面中的两张图片做了错位处理。

    打散排列 通常我们会把标题文字集中排放,但对于设计和时尚类画册,我们可以打破传统的做法,把标题做适当的分散排版,效果也很不错,当然,标题文字如果太少就不合适了。

    另外,为了使标题更特别 ,给文字加上下划线效果会更好,并且下划线可以根据需求适当延长,以加强这些分散文字的关联性,甚至还可以加上英文做装饰。

    正文的排版与标题文字左右两端保持对齐。

    结语 设计是一个不断尝试、调整的过程,排标题同样也是如此。另外,标题的排版固然是很重要的,但是想要整体效果得到比较大的改善,正文、图片、页眉、页脚、页码的配合也很重要,永远要把整体的大效果摆在第一位。

    欢迎关注作者的微信公众号:「葱爷」

  • 大厂出品!设计师应该掌握的结构化思维

    UI交互 2022-06-06
    低阶设计师向外 高阶设计师向内 关于设计师成长,是一个周期相当长复杂度相当高的话题,而复杂的问题解决办法往往很简单。我们通常被表象所吓到,然...

    低阶设计师向外 高阶设计师向内 关于设计师成长,是一个周期相当长复杂度相当高的话题,而复杂的问题解决办法往往很简单。我们通常被表象所吓到,然后望而却步。面对复杂问题时往里深探一步就能发现,解决问题的方法其实并不复杂。设计师的成长阶段大致分为这么 4 个:初级、高级、资深、专家。每个阶段都有对应的能力要求。低级别的设计师要往外看,而更高级别的 设计师 ,更要往内看。

    设计师成长路线

    何为往外看?何为往内看?往外看是指要多和外界做对比,对比能力的不足,对比方法的不足,要通过不断的比对中找寻自己薄弱环节,不断优化迭代自己的知识库。而我所说的“高级别”往内看并不是与往外看对立,而是往外看之后的往内看,更高级别设计师经历的问题多,掌握的知识广,要学会整理这些过程中的所思所想,完成从碎片化点状知识到体系化知识库的转变,才能实现“能力跃迁”。

    更多 设计思维 :

    这 10 位顶尖的日本设计师,有哪些私藏的设计思维? 优秀的设计师是怎样构思设计方案的?

    阅读文章 >

    能力跃迁 可以把设计师成长比喻成“原子模型”:电子围绕质子高速旋转,而电子是分了轨道的。根据能量守恒定理:低轨道的电子向高轨道跃迁需要吸收能量。这里有一个有意思的现象,电子轨道跃迁是需要吸收到一定高的能量后,突然跃到更高的轨道,哪怕能量欠缺一点都不能跃迁成功。设计师成长也是这样,成长路径并不是线性的,每个设计师的成长都会遇到瓶颈期,那是因为所吸收的能量还没达到“能力跃迁”的临界点。

    体验设计师能力图谱

    结构化思维打开能力跃迁的大门 越往高级别走,就要学会向内看,学会解构、重构、整合来放大内部能量。初级别设计师的成长是能量吸收的过程,高级别设计师的成长是能量释放的过程。如果你有一个自我成长的心,我这里给大家一个通往新世界的门,它的钥匙是“ 结构化思维 ”。

    什么是结构化思维? 结构化思维的定义:以事物的结构为思维对象,以对事物结构的建构为思维过程,力求得出事物客观规律的一种思维方法。

    结构化思维最早提出于最著名的国际咨询公司麦肯锡出版的《金字塔原理》一书,由麦肯锡第一位女性顾问巴巴拉•明托写就,这是一本帮助你搭建思维框架的指导书。

    金字塔原理

    结构化思维是一种透过结构看问题的思维方式。复杂问题之所以复杂是问题的“信息熵”过大,显得混沌,没有章法。结构化思维看问题其实就是降低“信息熵”的过程,让无序变得有序。结构化思维之所以厉害,是因为结构化思维是一种顺应大脑思维惯性的一种思考方式。学习本身也是一种大脑熵增的过程,熵增必然带来混沌,所以学习也是痛苦的,逆天性的。而结构化思维是熵减的过程,刚好抵消熵增带来的混沌与痛苦,因为我们的大脑更喜欢记录有规律的事物,不愿记录无序的信息碎片。掌握这种思维习惯,能对今后的职业生涯乃至人生有很大的帮助。

    举例

    想要记住第一串数字并不容易,但是找到规律,拆解为下边的结构记忆起来是不是容易的多呢?

    结构化思维的本质 结构化思维分为三个阶段:解构-重构-整合

    第一阶段:解构 解构是探寻事物本质结构。事情的产生与发展必定会包含多种因素的相互作用,多种因素之间形成的特定关系共同构成了事情本身。因此解构就是寻找事情构成因素以及因素之间关系的过程。解构还要求所拆解的维度必须是穷尽的,互相独立的。如果拆解维度不能穷尽所有情况,那这个拆解就是无效的,最终得出的模型会因此造成不可逆转的偏差。如果拆解的维度不是互相独立,必定会让建构出的模型变得错综复杂,起不到相应作用。

    举例

    市场看似复杂,但概括起来讲就三种类型的因素组成:B(商家)、C(用户)、G(政府)。这三种因素的两两组合便成为各种各样的商业模式:B2B、B2C、C2C、B2G。

    商业模式

    第二阶段:重构 重构是构建思考模型的过程。能把事情的本质构成元素拆分出来并不难,通常通过观察学习思考就能得出,但是要完成从元素到模型的构建需要不断的融合与迭代。如果把 10 件事儿构建出 10 个模型,那等于没有构建。重构应该是找出 10 件事儿的共性,融合构建为 1 个模型。

    举例

    用户增长模型 AARRR 便是结构化思维的产物之一,它把产品的用户生命周期分为五个环节:用户获取,用户激活,用户留存,用户付费,推荐传播。AARRR 模型源自于漏斗思维模型,告诉我们在这五个环节中,增加每个环节的漏斗转化即可实现产品商业价值最大化。有了这个模型基本能解决所有产品的用户增长问题,不用再重复造轮子,也能让我们所掌握的用户增长知识更加系统清晰。因此构建的模型具有很强的普适性,如果你在构建模型中发现,你的模型只能适合某一种特定场景,那这个模型大概率比较初级,需要融合更多场景进行迭代升级。

    AARRR 模型

    用一篇文章,让你掌握能让用户快速增长的AARRR 模型 AARRR模型因其掠夺式的增长方式也被称为海盗模型,是Dave McClure 2007提出的,核心就是AARRR漏斗模型,对应客户生命周期帮助大家更好地理解获客和维护客户的原理。

    阅读文章 >

    第三阶段:整合 整合是对各种模型做系统化梳理的过程。这个阶段是发挥创造力的重要一环,如果你已经养成结构化思维习惯并且你所掌握的知识体系更加系统之后,你会发现很多事情都是相通的,看似不相干的事情也是可以拿来类比。很多体验设计师耳熟能详知识也是这样而来,比如说原子化设计理论,把组件思维用原子模型来类比;比如说色彩心理学,让色彩与人类心理活动产生联系。最终我们会发现同一模型不但可以解释同类事物的现象,也能解释看起来完全不相干的两类事物的现象。

    原子化设计理论

    上万字干货!设计师必读的原子设计完整指南 「我们不设计页面,我们设计构成元素的系统。

    阅读文章 >

    结构化思维解决「流程问题」 1. UX 体系化设计模型

    UX 体系化设计模型

    用流程匹配流程

    这个模型是我们之前做的一款 UGC 产品中沉淀出来的,后来经过迭代优化逐渐适应了所有稳定迭代的产品需求。团队协作中沉淀工作流程能让效率提升的同时,也能让团队内外更快达成共识。工作中我们常常理解为是人与人的交流和协作,但是我认为这样理解是不够系统的。每个设计师都有不同的出身不同的经历,在不同公司也会有不一样的工作流程,所以很难做到人的标准化,但是我们可以很容易做到流程的标准化。设计师应该把更多精力放到创新创造上,而不应该因为流程的问题苦恼。所以除了 UX 体系化设计模型,这两年我们还在工作中尝试把团队协作流程标准化(协作工具包:SOP、需求管理表、体验设计服务范围、产品设计邮件模版),来解决设计师与各类型团队协作的流程问题。

    结构化思维解决「效率问题」 1. Fontwork《轻风体》设计

    Fontwork 是 UXD 内部的字体设计团队

    设计一款中文字体是相当复杂的事情,需要字体团队成员高度配合,每个成员对字体特征把握需要高度一致。中文字库中常用字有 3600 多个文字,BG2312 国标字库包含 6763 个文字。要想给中文设计一款字库少则半年,多则数年。这么庞大的工程,协作方法显得尤为重要,高效的协作路径会让制作周期大大缩短。

    归纳提炼

    字体智能部件

    字体设计之前一直被方正汉仪等字体大厂所垄断,作为刚成立的 Fontwork 字体设计团队,并没有过多字体设计协作方式的储备,并且这本来就是商业字体设计公司的核心技术壁垒,不可能对外开放。因此我们只能从为数不多的能查阅到的字体设计基础资料、国标文件中提炼字库设计的协作方法。在第二款字体(轻风体)设计中我们总结之前的经验,优化协作方式,提炼出部首 191 个、独体字 286 个、合体字 162 个,并制作成智能组件库。另外我们在字体任务管理和分发上也比之前更加科学,最后字体设计变成了拼字游戏,设计速度大大提升,总体效率比第一款提升近 6 倍。

    轻风体拼字过程

    结构化思维解决「视角问题」 1. 升维分析降维打击 观察视角不同,得出的结论自然不同。现实中的很多冲突矛盾都来自不同的观点,不同的观点背后其实是视角不同。低维度视角看问题往往容易陷入局部困境,过于关注局部利益,忽略整体利益。如果冲突双方各自站在自己的利益角度去争论,事情很难达成共识。只站在高纬视角看问题也不可取,高维视角下会忽略各种细节,但很多时候一套方案并不能解决所有问题,与其做一个平平无奇的普通方案,不如集中力量去寻找解决关键问题的优秀方案。我们既需要升维视角分析问题,也需要用降维视角高效解决问题。

    省钱会员卡

    省钱会员卡用户分析模型

    在省钱会员卡项目中我们对用户进行分级:强需求用户、潜在型用户、弱需求用户。我们更应该关注对潜在型用户的挖掘,因为强需求用户不需要我们做太多,只要在相应环节呈现他们需要的内容就能让这类用户进行转化。而对于只是出于好奇心、比较心理、误点进入来的弱需求用户我们再如何增强活动吸引力度和内容感知度都无法对其进行转化。因此我们主要对潜在型用户做了研究分析,结合产品能力,确定设计原则(视觉影响感知,感知影响行为),引入 CST 法则(抓住感知-强化兴趣-触发行为)。

    蓝领客线下店服务设计

    蓝领客线下店 MOT 关键时刻

    服务设计得出的方案绝不应该是细致入微面面俱到的。用户视角下商家应该不计成本的为我提供优质服务,而商业是要盈利的(政府等提供社会基础能力建设的非营利机构除外),势必会要求把成本花在正确的环节,带来更高的价值转化。要让一个商业模式良性发展我们必须综合这两方视角。

    蓝领客线下门店服务设计中。我们对线下找工作的流程进行梳理,分为 6 个环节:约面试-找门店-到门店-面试培训-送去工厂-上岗回访。为了让我们的设计聚焦在每个环节的关键转化时机,我们引入了 MOT 关键时刻服务设计方法。通过桌面研究+实地调研,我们对用户在每个环节的做了详细拆分,汇总出几十个影响转化的关键瞬间,然后筛选聚焦 7 个瞬间,最后集中各角色(产品、市场、商家、用户、设计)共创解决方案。

    结构化思维解决「沟通问题」 1. 线性思维 沟通,要讲的清楚听的明白。团队协作不可避免要提到沟通成本,沟通成本过高会抑制团队活力,激化内部矛盾,降低协作效率。线性思维能帮助我们提升沟通效率,降低沟通成本。大脑更喜欢接收和理解有因果关系的线性信息,而非跳跃式的信息,跳跃式信息会让大脑短时间内信息过载(宕机),失去信息接收能力。

    2. 总-分-总 总-分-总,是有目的的表达。人们的专注力常常会受到干扰,因此沟通的前提(第一个总)很重要,如果前提是对方关注的重点,对方肯定很想知道你要讲的具体内容(分)是什么,在最后再结合你的观点对结论进行升华(第二个总),达到高效沟通的目的。

    PREP 框架

    PREP 框架

    PREP 框架就是线性思维与总分总结构二者结合的万能沟通框架。

    写在最后 以上是我对设计师个人成长的一些思考和方法的沉淀,希望对大家的职业成长有所帮助。也同时希望大家能把结构化思维变为自己的思考武器,解决你一直苦恼的问题。

    欢迎关注「58UXD」的微信公众号:

  • 如何快速提高过稿率?我分3个阶段帮你完全掌握!

    UI交互 2022-06-06
    不知道你是不是跟曾经的我一样,在刚入行 1-2 年的时候,过方案稿的时候对自己的设计提案并没什么信心,怯怯的说不出个所以然,经常被评审的产品、开发等上下游...

    不知道你是不是跟曾经的我一样,在刚入行 1-2 年的时候,过方案稿的时候对自己的设计提案并没什么信心,怯怯的说不出个所以然,经常被评审的产品、开发等上下游问懵了,然后现抓理由缓解尴尬,会反复修改,找不到感觉。只怪自己当时嘴太笨了?表达力不到位确实是一方面原因。但更深层的原因是想的不到位,我们对产品了解的不够,没有明确的方向,一直在盲目的尝试。自己也缺乏设计策略,缺乏分析和判断力,缺乏多方换位思考的能力。有理有据的设计才能让人信服。

    设计就像打怪升级,历练的越久,经验值越高,对于怪的判断就更清晰,打法就越明确,熟悉各方队友的思路和队友配合的越默契。

    本文将讲解设计前、中、后的结构,总结 设计师 在什么样的阶段采取什么样的策略能提高过稿率。

    (一)设计前 关键词:了解、共识、体验

    1. 了解产品,量体裁衣 在设计前我们一般通过需求评审会跟产品经理和项目经理沟通了解产品需求设计的前因后果、设计目标,以达到双方:信息对称、理解一致、设计目标一致。我一般会从三个角度了解:

    (1)“聊”解产品、体验产品

    在设计前,第一件事一定不是根据“我”的主观理解判断直接去做,磨刀不误砍柴工,越了解产品越能避免后续因理解偏差和信息不对称造成的的反复修改。不会提问的好设计师不是一个好裁缝。我一般会从产品侧、受众侧、限制条件三个角度去提问了解。这一层的问题能够帮助我们快速了解产品抓住设计重点,减少一些产品经理或甲方爸爸们遗漏交代的条件。下面是我的会涉及到的一些问题罗列:

    除了通过产品经理描述(功能蓝图的绘制者),我们也要亲身站在用户视角体验去用一用竞品,搜集一下竞品用户反馈,可以站在他人的肩膀上扬长避短。分别带入不同的角色去使用查验自家产品的已有版本,发现产品需要优化的体验点。

    (2)时间节点评估

    了解双方的时间节点、合理的安排设计策略,更好的提升效率。减少双方时间规划不一致,过度压缩设计时间、环节遗漏等情况发生。

    预留设计的时间段=产品上线时间-开发介入时间

    设计主要流程节点:风格确定+主要优先级界面+设计规范+次要界面+切图标注+设计验收

    非紧急项目:我们可以根据不同上下游的时间段,整体规划设计时间段。使用这种方式能让各方的思考修正更完善,减少了上游思考不全导致的下游联动调整。

    紧急上线项目:我们需要采取更机动灵活的方式,边设计边开发,规划好界面设计优先级,将设计规范前置。

    (3)设计体验目标达成一致

    设计目标评估=产品阶段+ 具体矛盾+可用时间

    如果你经常出现设计交付延迟,或产品认为你的设计结果没达到他预期时,一定是没有预期沟通好此版本的设计目标,在时间、条件有限的前提下,一方想要尽善尽美。产品目标和设计目标都是一步一步成长的,一口吃不成胖子。在不同阶段,分析解决产品的主要矛盾和问题,对症下药。这就需要设计和产品方、业务方提前达成一致的设计目标,首先要确认产品处于什么阶段:从 0-1 的萌芽期、还是发展期、成熟期、衰退期。不同的产品生命周期应当对应着不同的优先级的设计目标,比如初创期的目标更强调主要功能完备,架构流程流畅;达到可用的目标。发展期 or 成熟期目标:易用、视觉优化升级品牌化等。

    结合上方的时间节点评估,避免产品期望在短时间内期望达到精装房,而实际设计师在限制时间内只能完成简装房;或者产品提出含糊的优化需求,他期望优化流程架构、而设计理解为给房子进行涂装等方向错误。双方的设计预期目标没有达成一致性。

    过了“望闻问切”的 设计需求 评估分析阶段,已经有了较为深入的了解,可以针对产品目标、制定设计目标。在交互设计输出后,视觉设计可以转战第二阶段大展拳脚!

    这方面篇幅较长,我们将在下篇详细说明,敬请期待哟

    同一个设计稿,如何让过稿率提高70%? 本文作者介绍了进行设计评审时可以提升评审效率,帮助设计师和与会者更好地进行沟通,并顺利推进项目的一些方法,希望对您有所启发。

    阅读文章 >

  • 如何快速提高过稿率?我分3个阶段帮你完全掌握!

    UI交互 2022-06-06
    不知道你是不是跟曾经的我一样,在刚入行 1-2 年的时候,过方案稿的时候对自己的设计提案并没什么信心,怯怯的说不出个所以然,经常被评审的产品、开发等上下游...

    不知道你是不是跟曾经的我一样,在刚入行 1-2 年的时候,过方案稿的时候对自己的设计提案并没什么信心,怯怯的说不出个所以然,经常被评审的产品、开发等上下游问懵了,然后现抓理由缓解尴尬,会反复修改,找不到感觉。只怪自己当时嘴太笨了?表达力不到位确实是一方面原因。但更深层的原因是想的不到位,我们对产品了解的不够,没有明确的方向,一直在盲目的尝试。自己也缺乏设计策略,缺乏分析和判断力,缺乏多方换位思考的能力。有理有据的设计才能让人信服。

    设计就像打怪升级,历练的越久,经验值越高,对于怪的判断就更清晰,打法就越明确,熟悉各方队友的思路和队友配合的越默契。

    本文将讲解设计前、中、后的结构,总结 设计师 在什么样的阶段采取什么样的策略能提高过稿率。

    (一)设计前 关键词:了解、共识、体验

    1. 了解产品,量体裁衣 在设计前我们一般通过需求评审会跟产品经理和项目经理沟通了解产品需求设计的前因后果、设计目标,以达到双方:信息对称、理解一致、设计目标一致。我一般会从三个角度了解:

    (1)“聊”解产品、体验产品

    在设计前,第一件事一定不是根据“我”的主观理解判断直接去做,磨刀不误砍柴工,越了解产品越能避免后续因理解偏差和信息不对称造成的的反复修改。不会提问的好设计师不是一个好裁缝。我一般会从产品侧、受众侧、限制条件三个角度去提问了解。这一层的问题能够帮助我们快速了解产品抓住设计重点,减少一些产品经理或甲方爸爸们遗漏交代的条件。下面是我的会涉及到的一些问题罗列:

    除了通过产品经理描述(功能蓝图的绘制者),我们也要亲身站在用户视角体验去用一用竞品,搜集一下竞品用户反馈,可以站在他人的肩膀上扬长避短。分别带入不同的角色去使用查验自家产品的已有版本,发现产品需要优化的体验点。

    (2)时间节点评估

    了解双方的时间节点、合理的安排设计策略,更好的提升效率。减少双方时间规划不一致,过度压缩设计时间、环节遗漏等情况发生。

    预留设计的时间段=产品上线时间-开发介入时间

    设计主要流程节点:风格确定+主要优先级界面+设计规范+次要界面+切图标注+设计验收

    非紧急项目:我们可以根据不同上下游的时间段,整体规划设计时间段。使用这种方式能让各方的思考修正更完善,减少了上游思考不全导致的下游联动调整。

    紧急上线项目:我们需要采取更机动灵活的方式,边设计边开发,规划好界面设计优先级,将设计规范前置。

    (3)设计体验目标达成一致

    设计目标评估=产品阶段+ 具体矛盾+可用时间

    如果你经常出现设计交付延迟,或产品认为你的设计结果没达到他预期时,一定是没有预期沟通好此版本的设计目标,在时间、条件有限的前提下,一方想要尽善尽美。产品目标和设计目标都是一步一步成长的,一口吃不成胖子。在不同阶段,分析解决产品的主要矛盾和问题,对症下药。这就需要设计和产品方、业务方提前达成一致的设计目标,首先要确认产品处于什么阶段:从 0-1 的萌芽期、还是发展期、成熟期、衰退期。不同的产品生命周期应当对应着不同的优先级的设计目标,比如初创期的目标更强调主要功能完备,架构流程流畅;达到可用的目标。发展期 or 成熟期目标:易用、视觉优化升级品牌化等。

    结合上方的时间节点评估,避免产品期望在短时间内期望达到精装房,而实际设计师在限制时间内只能完成简装房;或者产品提出含糊的优化需求,他期望优化流程架构、而设计理解为给房子进行涂装等方向错误。双方的设计预期目标没有达成一致性。

    过了“望闻问切”的 设计需求 评估分析阶段,已经有了较为深入的了解,可以针对产品目标、制定设计目标。在交互设计输出后,视觉设计可以转战第二阶段大展拳脚!

    这方面篇幅较长,我们将在下篇详细说明,敬请期待哟

    同一个设计稿,如何让过稿率提高70%? 本文作者介绍了进行设计评审时可以提升评审效率,帮助设计师和与会者更好地进行沟通,并顺利推进项目的一些方法,希望对您有所启发。

    阅读文章 >

  • 腾讯工作8年,我总结了大厂设计师该有的 6 个优秀习惯!

    UI交互 2022-06-06
    相信很多同学都会好奇,腾讯、阿里这些大厂的设计师平时都是怎么工作的,这群设计师都拥有什么样的特质,让他们能够成为国内设计的引领者。从本质上来说,同属互联网...

    相信很多同学都会好奇,腾讯、阿里这些大厂的设计师平时都是怎么工作的,这群设计师都拥有什么样的特质,让他们能够成为国内设计的引领者。从本质上来说,同属互联网行业的工作是没有太多的差异性的,你设计一个 APP,大厂的设计师也是设计一个 APP,而让大家产生区别的往往就是工作方式和 工作习惯 。作为在腾讯这么多年的设计师,今天给大家讲讲大厂的 设计师 都有哪些好习惯。

    拓展阅读:

    你和优秀设计师差的不仅是软件操作,还有这28个优秀习惯! 大家都希望自己成为一名优秀的设计师,也在不断探索如何成为优秀设计师。

    阅读文章 >

    分析 分析是大厂设计师非常爱做的一件事情,每每接到一个新需求都要做许多不同层面的分析:产品背景、用户、数据、需求拆分等等一系列的内容。

    首先,要明白为什么要分析?主要是大厂做事情之前都喜欢问一个“why”。基于这个“why”就需要有一系列的分析来进行支撑,比如产品提了需求,那我们肯定要问为什么你会认为这是用户喜欢的?是有什么数据支持吗?基于这个问题,我们就需要去做数据方面的分析。

    我们把这些分析简单分成 2 个方向:产品向和设计向。

    产品向:1.需求背景;2.产品卖点;3.优化方向。

    设计向:1.用户分析(调研);2.设计趋势分析;3.竞品分析。

    方案收集 这个行为一般出现在我们输出设计之前,我们会去收集一些常见案例以及一些突出案例,包括竞品的一些案例。

    痛点一(特别在视觉设计师有所体现)

    “收到需求后,就马不停蹄的绘制起了自己的方案,给到需求方看的时候,才发现牛头不对马嘴,跟需求方想要的方案完全不一致。也有可能所设计的方案连上级这关都过不了。”

    这个案例的话,我们需要解决的是一个沟通的问题,通过提前收集一些设计网站的案例,先和需求方进行沟通,找准方向,清晰表达自己的想法,提升沟通效率和默契。

    痛点二(在紧急需求时)

    “我们输出了设计方案,但无论怎么修改,我们的上级都不满意,导致我们的设计输出无法及时提交给需求方,导致设计延期”

    这个案例的话,我们需要解决的是我们的专业度的问题,我们在接到需求时,为了避免中间跟上级来回调整的时间浪费,因此我们可以收集一些相关案例,提前和上级去确定我们的方向,寻求上级的同意,这样我们在输出方案的时候就能沿着上级所认可的方向发力,避免被推翻重来。

    草稿 草稿的方式特别能够体现设计师思考的过程,我们在想方案的时候,都尽量通过草稿的方式记录下来,当我们绘制到一定个数方案之后,我们再从中选择 2-3 个较优的方案进行设计输出,提高设计输出的精准度,这实际上也是自我脑暴的过程。

    痛点一(特别是图标类的设计)

    “我们在设计一个图标或者 logo 的时候,很多设计师都会重复出很多方案,可能从方案一到十,都没法确认下来,最后还是得重新再来。”

    这个案例最主要的不是你专业能力的问题,而是缺乏一些做事的方法。比如我们设计一个图标一般会从图形表意和造型美感 2 个维度进行入手,所以首先要解决的是表意的问题,而图标的表意往往是有很多种,我们可以通过草稿“穷举”的方式把我们所能想到的都画出来,然后和上级或者需求方进行勾兑,确认方向后,再进行软件绘制,在这个阶段我们再进行造型美感的优化,可能也会有 2-3 种方案的输出,这样能够大大降低被拍死的可能性。

    痛点二

    “很多设计师经常会反馈设计的时候没有想法,明明有个想法在脑中,但到了实际做的时候却很模糊;还有设计师说我做了很多个方案,但却拿不出手。”

    这个案例主要是想说,通过草稿绘制的方式可以帮助我们把很多碎片的想法进行记录,这样我们在实际画稿的时候可以有一个依照,让我们下笔更加胸有成竹。

    多方案 设计永远不要只做一个方案,有可能你会在这个方案里面一直沉沦,不断修改。

    痛点

    经常有一些年轻设计师跟我说,他设计的方案老是翻来覆去的修改,最后做了十几稿,最后还是要继续优化。

    这个问题涉及到的是我们输出方案以及汇报呈现方案的一些技巧。

    通过多方案的输出是基本可以解决 80% 关于这类痛点的问题,这里给大家分析下多方案输出的一些方式和方法

    多维度呈现方案:在输出方案的时候尽量有多个角度的思考,这样除了体现你思考的全面性之外,也能够有更大的机会命中。维度的跨度尽量大一些,比如我之前在做一个游戏中心的项目,除了常规的平台向方案,我还输出了机甲风格和游戏漫画风格。 控制呈现的个数:我们可能会在做方案的时候有很多的想法,同时也会输出很多个方案,但是并不需要把所有的都给需求方发过去,自己可以有一轮筛选,并且整理出 2-4 个较优的方案。 标注好推荐方案:在输出的方案中一定要标注出推荐的方案,除了是给产品有个参考之外,更多是表达你作为设计师(自己的)想法,如果作为设计师自己都没想法,那么就会变得被动,产品想让你怎么改就怎么改。给出自己的想法除了可以大大推进自己的设计落地,更多也是帮助产品进行多角度决策。 写明方案优缺点:我们输出的每个方案都应该标注好有什么缺点,帮助产品进行决策,更大的好处是佐证你推荐的方案为什么被推荐。 体现专业性 专业性不仅仅体现在你设计的图上,还体现在你设计稿的呈现方式。

    痛点

    “很多设计师,常常会在一些需求群里面,直接就把自己设计的稿子发出来,然后就是你看看。”看到这句话,是不是像极了平时的你?这样做会显得非常不专业。

    因此有几点建议:

    为你的设计稿设计一个专属的输出呈现模版,尽量简洁以呈现作品为主; 尽量把你的设计输出呈现模版推广到你的团队成员使用; 在模版上展现你输出的标题、时间、人员等等关键信息; 请加上你的业务 logo,获得需求方的好感。 设计总结 给大家分享一句话:“项目结束,但设计未结束,项目是短暂的,但设计可以被延续。”而这个延续就需要我们在实战中的大大小小的项目不断的复盘-总结-沉淀。其实不管做什么类型的工作都是非常需要的,道理很浅,但做与不做就会有很大的差距。

    这里可以抛出一个问题:你认为大厂设计师的设计思维、理论体系、设计系统性是从哪来的?(大家可以在评论区说出自己的想法)

    大厂的设计总结一般会分成三种:

    项目设计总结(常见的设计总结文章) 理论体系文章(通过项目设计中提炼出的可复制方法论) 项目完整复盘(利弊分析,一般不对外分享) 最后 这些习惯有些是工作需要慢慢养成的,但有些是设计师自己驱动养成的。当然,大厂不是唯一的标准,这些归纳只是希望可以帮助大家有所提高,也希望通过大家的努力可以更靠近大厂,到大厂学习更加系统化的设计方法论。

    注:本文图片来源网络!

    欢迎关注作者微信公众号:「ID设计站」

  • 有2000人推荐这门金牌插画课,今天直减100元!

    UI交互 2022-06-06
    进入 2022 年之后,插画视觉风格的变化,似乎陷入了一种奇异的停滞状态。 随着 NFT 兴起的粘土风,似乎随着 NFT 领域的不景气而淡出大众视野: ...

    进入 2022 年之后,插画视觉风格的变化,似乎陷入了一种奇异的停滞状态。

    随着 NFT 兴起的粘土风,似乎随着 NFT 领域的不景气而淡出大众视野:

    怀旧情绪的蔓延则让 MBE、波普等画风又再度热了起来:

    最有意思的地方在于,有设计师盘点了 2021 年到现在这一年时间里,Dribbble 上点赞超过 550 的优质设计作品,发现在插画这一门类当中,最受欢迎也是最坚挺的门类,是带有强烈几何风格、人物角色略显夸张,使用描边线条和硬挺块面构成的,扁平插画:

    换句话来说,在竞争愈发激烈的 2022 年,扁平插画始终是插画和设计的基本盘!

    如果你想让自己在 2022 年更有竞争力,掌握新技能,工作更上一层楼,或者打算探索新风格,发掘更多自身的潜力,不妨看看这一期的插画课:

    更重要的是,过去一年时间里,缪缪老师也一直在探索独特的新风格,所以这次课程会新增了一节课,专门讲新画风的探索过程,分享风格探索过程中的思路、感悟、以及一些技巧和方法。

    另外,额外新增的课程中,还添加了插画/设计师的作品集优化和求职技巧的内容:

    本次课程结构和往期类似,但是新增内容更贴合当下需求,同时加量不加价:

    直播课总计 22 天,课程原价 499 元, 新课上新价399元,直减100元!

    移动端扫描下方二维码报名,网页端右戳报名 ? https://pro.uisdc.com/detail

    这是一门高效出彩又充满可能性的插画课! 让学员们津津乐道的缪缪老师,就是这门课的灵魂。她从零基础插画素人到 Dribbble 首推,仅用了半年时间,以非科班身份入行,到成为字节跳动的插画/UI 设计师仅用了 3 年时间:

    关于老师的专访:

    优设专访!从非科班到字节跳动仅用了3年多,她是怎么做到的? 认识@Muriel缪旻含 的时间很长,直到最近才很偶然地聊到了她的过去。

    阅读文章 >

    跟着她学习,能够绕开她踩过的坑,弯道超车,拥有这项技能!

    因为,在之前的成长经历当中,缪缪极富针对性地总结梳理出了一套自己的插画绘制思路和方法,而这些经验和方法赋予了这门课非凡的价值:

    1. 超快出稿的缪缪插画术!

    这是所有学员都津津乐道的特色!将看似庞杂的知识点和方法拆解为易于理解的要点、立马可以上手的知识模块,没有「冗长而令人劝退的准备」,立刻上手,治愈怠惰!

    老师会教你如何用几何图形概括人物,并在此基础上正确梳理层次,为了让你完全学会这个解构方法,课程内专门配备了帮你提升绘画效果的黑白稿练习!

    2. 兼容性超强的软件知识支撑!

    在这门课,你能一次性学会四种流行风格的插画绘制方法!每种都超能打!无论是应用最广的扁平插画、噪点插画还是层次丰富的渐变插画、个性化插画,这门课全都满足你!

    只要掌握了这四个主要的插画风格,无论是闪屏页、启动页、空白页还是网站配图等等,所有职场需求通通不在话下!而在实际的作品输出中,学员们自然延伸出来的风格比课程本身教授的还要多!

    3. 特别到位的学习体验!

    无论你是有一点插画基础,还是纯粹的小白,都能够从这套课程中感受到,来自缪缪老师无微不至的服务:

    4. 带你走向原创的技巧

    课程新增了原创风格探索的经验分享,将会在最后一课深入探讨个人风格的探索过程、方法,以及注意事项,给想要进一步塑造独特风格的同学全方位的建议!

    5. 2022 年作品集求职全解析

    这个内容也会添加到本期最后一课当中,帮你理清设计师从作品集处理到求职面试过程中,需要注意的绝大多数问题,并且针对 2022 年的行业变化,提供针对性的建议!

    下面是本期课程的完整大纲:

    直播课总计 22 天,课程原价 499 元, 新课上新价399元,直减100元!

    移动端扫描下方二维码报名,网页端右戳报名 ? https://pro.uisdc.com/detail

    下面是缪缪老师的作品

    这是为 Modelones 的圣诞礼盒所绘制的插画:

    下面就是学员晒作品的环节了 学员参加 OPPO 壁纸比赛作品:

    学员 Yukki 作品,荣获靓屏奖

    学员 糯米拌饭 作品 ,荣获星屏奖

    学员 Yolanda 作品 ,荣获星屏奖

    学员参加 Bejoin 比赛作品:

    下面是学员的课程作业:

    学员香菜作品

    学员 BabeZoe 作品

    学员 iamzz 作品

    学员 zMMMMc 作品

    学员 可口? 作品

    学员 孟景 作品

    学员 裴钰 作品

    学员 阿拉萍萍 作品

    学员 陛下 作品

    学员 喵大人 作品

    学员 这么大个柿子 作品

    学员 乔伊畅 echang 作品

    学员 妖妖 Veronica 作品

    学员 yolanda 作品

    学员 iamzz 作品

    学员 阿文什么都没有 作品

    学员 Mnemosyne 作品

    学员 芳芳 作品

    学员 33 作品

    学员 六日 作品

    学员 闪闪惹人爱 作品

    学员 孟景 作品

    学员 Nikko 作品

    学员 大栗 作品

    学员 shirlly 雪梨 作品

    为保障学习体验,名额有限。想学习的同学要抓紧啦:

    直播课总计 22 天,课程原价 499 元, 新课上新价399元,直减100元!

    移动端扫描下方二维码报名,网页端右戳报名 ? https://pro.uisdc.com/detail


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通