-
新手如何做好字体管理?快来看资深设计师的的4点建议
UI交互 2022-06-15大家好,我是和你们聊设计的花生~ 与字体相关的话题一直都是社群小伙伴讨论的热点,比如免费可商用的字体哪里找、如何识别陌生字体并找到相应资源、下载的字体太...大家好,我是和你们聊设计的花生~
与字体相关的话题一直都是社群小伙伴讨论的热点,比如免费可商用的字体哪里找、如何识别陌生字体并找到相应资源、下载的字体太多了有没有什么好的管理工具、字体版权范围如何弄清楚等。
对于这些新手设计师比较关心的问题,我向优设训练营教研总监、优设标题黑等多款优质字体的设计主创杨洋老师进行了请教,并结合优设现有资源为大家整理出 4 点具有实用价值的建议,快来看看新手 设计师 们应该如何做好字体管理吧~
近期热门字体推荐↓
海报设计如何更有个性?加上这个元素准没错!(附素材下载) 大家好,我是和你们聊设计的花生。
阅读文章 >
快速寻找免费可商用字体 如今寻找免费可商用的字体并不困难,特别是中文字体。因为各种各样的字体资源网站数不胜数,下面就为大家推荐一些快速寻找 免费可商用字体 的方法和途径。
1. 巧用字体网站资源 经常浏览字体网站的小伙伴们应该都会注意到,综合性 字体网站 都有一个专门的「免费商用字体」版块,里面基本收录了所有免费可商用的中文字体,我们可以直接通过这种途径进行下载。
在优设设计师网站导航( https://hao.uisdc.com/ )的字体版块中,就有很多为大家精心挑选的字体资源网站。其中免费商用字体、Dafont、求字体网、字体天下、字体松鼠都是非常好的免费商用字体下载网站。下面为大家简单介绍一下这些网站的特性,帮助大家更好地使用。
优设设计师网站导航的字体版块
免费商用字体
网站链接: https://uiiiuiii.com/tool/typeface
免费商用字体是优优教程网专门设立的「免费字体」版块,中西文免费商用字体都有,优点是字体都是经过网站主编筛选的,质量非常高,下载也很方便。
求字体网
网站链接: https://www.qiuziti.com/
求字体网是国内顶尖的字体识别工具,新手设计师遇到喜欢的字体却不知道字体信息的时候,就可以上传到求字体网上进行识别,准确度很高且可以提供字体版权信息。
Dafont
网站链接: https://www.dafont.com/
Dafont 是一个字体类型丰富、数量极多的西文字体网站,也是很多专业设计师都推荐的西文字体资源及字体设计灵感网站。上面对字体的使用范围有详细的标注,大家下载之前记得看清楚字体的授权范围。
字体松鼠
网站链接: https://www.fontsquirrel.com/
字体松鼠即 Fontsquirrel,是一个专门收集 100%免费可商用西文字体的网站,字体数量多类型丰富,质量也很高。虽然字体丰富度不及 Dafont,但可以省去甄别版权的功夫,更加方便。
5个经典的付费英文字体,我们都帮你找到了免费可商用替代款! 大家好我是花生~现在一提到字体资源,大家最关注的点肯定是能不能免费商用吧?
阅读文章 >
字体文件的管理 字体文件下载完成后,其储存位置、备份、分类管理都是需要注意留心处理的地方,做好这些管理对预防电脑系统崩溃、精简字体数量、提升字体使用效率都有重要作用。
1. 字体的储存备份
字体下载后如果直接放在系统盘,电脑系统一旦崩溃这些字体就会无法找回。所以字体文件下载之后最好储存在系统盘之外的地方 ,这样即使重装系统我们下载好的字体不会受影响,直接再次安装就可以了。不需要再费心去想自己之前下载了什么字体,也不必费时费力的去字体网站上重新下载。
下载好的字体文件也可以定期备份到云盘或者移动硬盘上,不仅可以预防电脑硬件问题,还可以实现多端共享,以备不时之需。
2. 字体的分类管理
对下载好的字体进行分门别类的管理是十分必要的,可以提升字体搜寻使用效率,也方便对个人字库进行更新迭代,当然这也需要设计师对字体知识有较深入的了解。
字体分类方式以个人习惯为主。大的方面可以分为中文字体/西文字体、衬线/无衬线、免费商用/仅供个人使用,细一点的可以按字体风格和细节特征做进一步划分。
借鉴字体网站上的分类也是一种不错的选择
除了在电脑上建立文件夹对字体进行管理外,我们也可以借助一些专门素材管理软件实现更加轻松的管理。比如素材管理工具 Eagle 和 Billfish,他们除了可以用于图片管理,也可以用于对字体的多维度的管理。
特别是对于 Windows 用户来说,这类软件可以让字体的预览和细节观察更加容易,还可以通过添加标签对字体进行是否能商用、风格、年代、气质等不同维度的细致分类,方便后期快速查找。
做好字体标签管理可以有效提升字体使用效率
担心被封号?试试这5款常用软件的免费平替! 大家好我是花生。
阅读文章 >
个人字库的迭代更新 字体下载起来很容易,很多设计师电脑上动辄就有成百上千的字体。但是只增不减的个人字库最终会变成一种拖累,字体质量参差不齐、同质化字体过多等问题会让我们的使用字体的效率低下,并影响设计软件的流畅运行。
随着对设计内容的熟悉和个人设计风格的稳定,我们会发现在设计中经常需要使用的字体类型及数量是有限的。这时就需要设计师对个人字库的字体进行大胆精简,清理字体质量较差、使用频率极低以及字体风格重复的字体,以确保个人字库的高质量。
对个人字库进行筛选管理过程也是我们对字体深入了解的过程。设计师对字体的细节特征、气质风格、搭配法则、字体适合的主题会越来越熟悉,运用起来也会更加得心应手。
对于风格非常相似的字体,大家保留自己使用最多的几款就可以了
了解更多字体发展历史及搭配方法:
有哪些好看免费的英文衬线字体?(附打包下载) 英文文字大致分成三类,衬线体、无衬线体和其他字体(包括哥特体,手写体和装饰体)。
阅读文章 >
中英文如何搭配最好看?来看小林章大师是怎么做的! @飞屋睿UIdesign :虽说中国不是英语国家,但是在现代平面设计当中,很多时候也会涉及到对英文的使用。
阅读文章 >
关于非免费商用字体的 Tips 对于不能免费商用但可以个人使用的中文字体来说,个人使用的范围包括:飞机稿、个人作品集和参加一些非商业性质的比赛,只要确保使用此字体的设计作品最终不会用于商业投放就行。
不同字体的授权方式不同,弄清字体授权范围最好的方法就是到字体开发商的官网和网上商店查看,有需要的可以询问客服进行深入了解。
(优设书华体 网页端戳右边链接购买 ? https://item.taobao.com/item.htm )
一款经典的西文字体通常会有多款风格相似的“替代品”。遇到好看的西文字体,如果是不能免费商用的话,可以尝试在字体平台上搜索免费可商用的平替,一般都能找到字体质量不错的相似风格字体。
遇到一款好看的陌生字体,可以通过求字体网进行识别。能在求字体网上识别出的字体一般也会标注其版权信息,如果实在查不出来源,最保险的做法就是不要用这个字体。特别是你的设计作品是打算用于商业目的,直接找风格类似且明确是免费可商用字体来替代,是避免侵权的最好方式。
总结 今天和大家聊了快速寻找免费可商用字体的途径方法、字体文件储存备份的注意事项、个人字库的更新迭代以及关于非免费商用字体的一些小 tips,希望对新手设计师提升字体管理能力和字体使用效率有所帮助。
如果你对文章内容有任何疑问,欢迎在评论区提出,我将会第一时间做出回应。也欢迎大家加入优设官方设计交流群(入群二维码见下方 Banner),与优设设计总监和其他热爱设计的小伙伴一起交流学习。我是花生,我们下期见~
-
第二波!2022年6月精选实用设计干货合集
UI交互 2022-06-156月第2波设计干货合集来了!这次的合集中有不少免费的图标合集,这些合集各有特色,其中甚至包括一个专门给 Notion 的图标服务。此外,CSS GUI 编...6月第2波设计干货合集来了!这次的合集中有不少免费的图标合集,这些合集各有特色,其中甚至包括一个专门给 Notion 的图标服务。此外,CSS GUI 编辑器和定制化角色场景编辑器 Sublus 也相当亮眼。对了,上个月的干货合集也记得看看:
第一波!2022年5月精选实用设计干货合集 五一假期结束了,给大家贡献一波设计干货吧!
阅读文章 >
第二波!2022年5月精选实用设计干货合集 五月的第二波设计干货合集紧跟着就来了!
阅读文章 >
第三波!2022年5月精选实用设计干货合集 五月第三波设计干货合集来了!
阅读文章 >
第四波!2022年5月精选实用设计干货合集 五月第四波设计干货合集来了!
阅读文章 >
下面我们具体看看这一期的干货:
1、无需注册即可免费使用的设计工具合集 https://www.nosignup.tools/
虽然免费的工具很多,但是这些服务多少会做一些限制,比如需要注册,限制尺寸、次数等等。这个名为 Nosignup 的网站专门搜集了一大波免费、无需注册即可使用的最低门槛的设计工具,最大程度地将省心好用的工具梳理出来。非常值得收藏!
2、500+ 免费极简主义风格图标合集 https://felipecardona.gumroad.com/l/dencar
这是一套完全免费的高素质图标合集,图标整体采用的是极简主义风格,涵盖的 12 个不同的类别,4种不同的样式(线性图标、双色调图标、填充样式图标和单色图标),描边还可以根据需求进行调整,图标采用的是 24×24 px 的基础尺寸,能够兼顾到绝大多数的使用场景。
3、300+ 产品设计和开发主题免费图标合集 https://basicons.xyz/
Basicons 是一套以产品设计和开发为主题的图标,图标和上面的一样采用的是 24×24 px 的尺寸,图标总计有 300+ 不同的图标,每个图标都有3种尺寸,笔触有3种不同的规格,而且这套图标专门针对 React 和 HTML 代码进行优化,方便设计师和开发者直接应用到 APP 和网页当中。
4、为 UI 而生的免费配色生成器 https://goodpalette.io/
这是一个专门为 UI 设计而生的专用配色工具,这个工具不仅能够生成搭配舒适的色相,而且会顺便生成对应的饱和度和明暗色阶,而且会借助 UI 样机帮你迅速感知到这配色在 UI 界面上的具体效果,最重要的是,经过工具生成和调整之后,可以一键导出配色文件,方便你直接在 Figma 和 Sketch 当中使用。
5、免费可视化 CSS GUI 样式编辑器 https://components.ai/css-gui
编写 CSS 样式对于很多没有代码基础的同学而言,可能还是有点麻烦的,而这套免费开源的在线工具,可以最大程度地降低这个难度,直接在线调整样式,然后复制下来就能直接应用到 APP 或者网页当中,省去了大量燃烧脑细胞的过程。
6、免费高素质 Notion 图标合集 https://notionicons.simple.ink/
现在用 Notion 的同学也越来越多了,各种自制模板,效率工具的定制化也有很多人在玩儿,而这个过程中,高素质图标素材就非常有存在的必要性了。这个名为 Simple Ink 的图标合集网站就是专门用来干这个的。你所需要做的仅仅是快速搜索主题相关的图标,选中,复制,粘贴,就可以用上了!
7、免费插画角色场景定制合集 Sublus https://sub1studio.com/sublus
这个可以在 Figma 当中使用的免费角色、场景定制工具当中,有多达120种可定制的元素,帮你彻底地定制出一套包含角色的场景插画,当然,最重要的卖点就是方便、出效果和免费。
8、60+ 综合免费设计素材大合集 https://arpitchandak.gumroad.com/l/60-useful-resources-UI-UX-designer
这是一波专门给设计师准备的免费设计素材,这些素材有的是学习资料,有的是可供下载的免费素材,涵盖了 UI、UX、设计流程、设计系统、Figma、图标、插画、免费素材、样机,以及各种求职、应聘、职场相关的资料,对这些资源感兴趣的同学,可以注册一下免费下载。
-
第二波!2022年6月精选实用设计干货合集
UI交互 2022-06-156月第2波设计干货合集来了!这次的合集中有不少免费的图标合集,这些合集各有特色,其中甚至包括一个专门给 Notion 的图标服务。此外,CSS GUI 编...6月第2波设计干货合集来了!这次的合集中有不少免费的图标合集,这些合集各有特色,其中甚至包括一个专门给 Notion 的图标服务。此外,CSS GUI 编辑器和定制化角色场景编辑器 Sublus 也相当亮眼。对了,上个月的干货合集也记得看看:
第一波!2022年5月精选实用设计干货合集 五一假期结束了,给大家贡献一波设计干货吧!
阅读文章 >
第二波!2022年5月精选实用设计干货合集 五月的第二波设计干货合集紧跟着就来了!
阅读文章 >
第三波!2022年5月精选实用设计干货合集 五月第三波设计干货合集来了!
阅读文章 >
第四波!2022年5月精选实用设计干货合集 五月第四波设计干货合集来了!
阅读文章 >
下面我们具体看看这一期的干货:
1、无需注册即可免费使用的设计工具合集 https://www.nosignup.tools/
虽然免费的工具很多,但是这些服务多少会做一些限制,比如需要注册,限制尺寸、次数等等。这个名为 Nosignup 的网站专门搜集了一大波免费、无需注册即可使用的最低门槛的设计工具,最大程度地将省心好用的工具梳理出来。非常值得收藏!
2、500+ 免费极简主义风格图标合集 https://felipecardona.gumroad.com/l/dencar
这是一套完全免费的高素质图标合集,图标整体采用的是极简主义风格,涵盖的 12 个不同的类别,4种不同的样式(线性图标、双色调图标、填充样式图标和单色图标),描边还可以根据需求进行调整,图标采用的是 24×24 px 的基础尺寸,能够兼顾到绝大多数的使用场景。
3、300+ 产品设计和开发主题免费图标合集 https://basicons.xyz/
Basicons 是一套以产品设计和开发为主题的图标,图标和上面的一样采用的是 24×24 px 的尺寸,图标总计有 300+ 不同的图标,每个图标都有3种尺寸,笔触有3种不同的规格,而且这套图标专门针对 React 和 HTML 代码进行优化,方便设计师和开发者直接应用到 APP 和网页当中。
4、为 UI 而生的免费配色生成器 https://goodpalette.io/
这是一个专门为 UI 设计而生的专用配色工具,这个工具不仅能够生成搭配舒适的色相,而且会顺便生成对应的饱和度和明暗色阶,而且会借助 UI 样机帮你迅速感知到这配色在 UI 界面上的具体效果,最重要的是,经过工具生成和调整之后,可以一键导出配色文件,方便你直接在 Figma 和 Sketch 当中使用。
5、免费可视化 CSS GUI 样式编辑器 https://components.ai/css-gui
编写 CSS 样式对于很多没有代码基础的同学而言,可能还是有点麻烦的,而这套免费开源的在线工具,可以最大程度地降低这个难度,直接在线调整样式,然后复制下来就能直接应用到 APP 或者网页当中,省去了大量燃烧脑细胞的过程。
6、免费高素质 Notion 图标合集 https://notionicons.simple.ink/
现在用 Notion 的同学也越来越多了,各种自制模板,效率工具的定制化也有很多人在玩儿,而这个过程中,高素质图标素材就非常有存在的必要性了。这个名为 Simple Ink 的图标合集网站就是专门用来干这个的。你所需要做的仅仅是快速搜索主题相关的图标,选中,复制,粘贴,就可以用上了!
7、免费插画角色场景定制合集 Sublus https://sub1studio.com/sublus
这个可以在 Figma 当中使用的免费角色、场景定制工具当中,有多达120种可定制的元素,帮你彻底地定制出一套包含角色的场景插画,当然,最重要的卖点就是方便、出效果和免费。
8、60+ 综合免费设计素材大合集 https://arpitchandak.gumroad.com/l/60-useful-resources-UI-UX-designer
这是一波专门给设计师准备的免费设计素材,这些素材有的是学习资料,有的是可供下载的免费素材,涵盖了 UI、UX、设计流程、设计系统、Figma、图标、插画、免费素材、样机,以及各种求职、应聘、职场相关的资料,对这些资源感兴趣的同学,可以注册一下免费下载。
-
新手如何做好字体管理?快来看资深设计师的的4点建议
UI交互 2022-06-15大家好,我是和你们聊设计的花生~ 与字体相关的话题一直都是社群小伙伴讨论的热点,比如免费可商用的字体哪里找、如何识别陌生字体并找到相应资源、下载的字体太...大家好,我是和你们聊设计的花生~
与字体相关的话题一直都是社群小伙伴讨论的热点,比如免费可商用的字体哪里找、如何识别陌生字体并找到相应资源、下载的字体太多了有没有什么好的管理工具、字体版权范围如何弄清楚等。
对于这些新手设计师比较关心的问题,我向优设训练营教研总监、优设标题黑等多款优质字体的设计主创杨洋老师进行了请教,并结合优设现有资源为大家整理出 4 点具有实用价值的建议,快来看看新手 设计师 们应该如何做好字体管理吧~
近期热门字体推荐↓
海报设计如何更有个性?加上这个元素准没错!(附素材下载) 大家好,我是和你们聊设计的花生。
阅读文章 >
快速寻找免费可商用字体 如今寻找免费可商用的字体并不困难,特别是中文字体。因为各种各样的字体资源网站数不胜数,下面就为大家推荐一些快速寻找 免费可商用字体 的方法和途径。
1. 巧用字体网站资源 经常浏览字体网站的小伙伴们应该都会注意到,综合性 字体网站 都有一个专门的「免费商用字体」版块,里面基本收录了所有免费可商用的中文字体,我们可以直接通过这种途径进行下载。
在优设设计师网站导航( https://hao.uisdc.com/ )的字体版块中,就有很多为大家精心挑选的字体资源网站。其中免费商用字体、Dafont、求字体网、字体天下、字体松鼠都是非常好的免费商用字体下载网站。下面为大家简单介绍一下这些网站的特性,帮助大家更好地使用。
优设设计师网站导航的字体版块
免费商用字体
网站链接: https://uiiiuiii.com/tool/typeface
免费商用字体是优优教程网专门设立的「免费字体」版块,中西文免费商用字体都有,优点是字体都是经过网站主编筛选的,质量非常高,下载也很方便。
求字体网
网站链接: https://www.qiuziti.com/
求字体网是国内顶尖的字体识别工具,新手设计师遇到喜欢的字体却不知道字体信息的时候,就可以上传到求字体网上进行识别,准确度很高且可以提供字体版权信息。
Dafont
网站链接: https://www.dafont.com/
Dafont 是一个字体类型丰富、数量极多的西文字体网站,也是很多专业设计师都推荐的西文字体资源及字体设计灵感网站。上面对字体的使用范围有详细的标注,大家下载之前记得看清楚字体的授权范围。
字体松鼠
网站链接: https://www.fontsquirrel.com/
字体松鼠即 Fontsquirrel,是一个专门收集 100%免费可商用西文字体的网站,字体数量多类型丰富,质量也很高。虽然字体丰富度不及 Dafont,但可以省去甄别版权的功夫,更加方便。
5个经典的付费英文字体,我们都帮你找到了免费可商用替代款! 大家好我是花生~现在一提到字体资源,大家最关注的点肯定是能不能免费商用吧?
阅读文章 >
字体文件的管理 字体文件下载完成后,其储存位置、备份、分类管理都是需要注意留心处理的地方,做好这些管理对预防电脑系统崩溃、精简字体数量、提升字体使用效率都有重要作用。
1. 字体的储存备份
字体下载后如果直接放在系统盘,电脑系统一旦崩溃这些字体就会无法找回。所以字体文件下载之后最好储存在系统盘之外的地方 ,这样即使重装系统我们下载好的字体不会受影响,直接再次安装就可以了。不需要再费心去想自己之前下载了什么字体,也不必费时费力的去字体网站上重新下载。
下载好的字体文件也可以定期备份到云盘或者移动硬盘上,不仅可以预防电脑硬件问题,还可以实现多端共享,以备不时之需。
2. 字体的分类管理
对下载好的字体进行分门别类的管理是十分必要的,可以提升字体搜寻使用效率,也方便对个人字库进行更新迭代,当然这也需要设计师对字体知识有较深入的了解。
字体分类方式以个人习惯为主。大的方面可以分为中文字体/西文字体、衬线/无衬线、免费商用/仅供个人使用,细一点的可以按字体风格和细节特征做进一步划分。
借鉴字体网站上的分类也是一种不错的选择
除了在电脑上建立文件夹对字体进行管理外,我们也可以借助一些专门素材管理软件实现更加轻松的管理。比如素材管理工具 Eagle 和 Billfish,他们除了可以用于图片管理,也可以用于对字体的多维度的管理。
特别是对于 Windows 用户来说,这类软件可以让字体的预览和细节观察更加容易,还可以通过添加标签对字体进行是否能商用、风格、年代、气质等不同维度的细致分类,方便后期快速查找。
做好字体标签管理可以有效提升字体使用效率
担心被封号?试试这5款常用软件的免费平替! 大家好我是花生。
阅读文章 >
个人字库的迭代更新 字体下载起来很容易,很多设计师电脑上动辄就有成百上千的字体。但是只增不减的个人字库最终会变成一种拖累,字体质量参差不齐、同质化字体过多等问题会让我们的使用字体的效率低下,并影响设计软件的流畅运行。
随着对设计内容的熟悉和个人设计风格的稳定,我们会发现在设计中经常需要使用的字体类型及数量是有限的。这时就需要设计师对个人字库的字体进行大胆精简,清理字体质量较差、使用频率极低以及字体风格重复的字体,以确保个人字库的高质量。
对个人字库进行筛选管理过程也是我们对字体深入了解的过程。设计师对字体的细节特征、气质风格、搭配法则、字体适合的主题会越来越熟悉,运用起来也会更加得心应手。
对于风格非常相似的字体,大家保留自己使用最多的几款就可以了
了解更多字体发展历史及搭配方法:
有哪些好看免费的英文衬线字体?(附打包下载) 英文文字大致分成三类,衬线体、无衬线体和其他字体(包括哥特体,手写体和装饰体)。
阅读文章 >
中英文如何搭配最好看?来看小林章大师是怎么做的! @飞屋睿UIdesign :虽说中国不是英语国家,但是在现代平面设计当中,很多时候也会涉及到对英文的使用。
阅读文章 >
关于非免费商用字体的 Tips 对于不能免费商用但可以个人使用的中文字体来说,个人使用的范围包括:飞机稿、个人作品集和参加一些非商业性质的比赛,只要确保使用此字体的设计作品最终不会用于商业投放就行。
不同字体的授权方式不同,弄清字体授权范围最好的方法就是到字体开发商的官网和网上商店查看,有需要的可以询问客服进行深入了解。
(优设书华体 网页端戳右边链接购买 ? https://item.taobao.com/item.htm )
一款经典的西文字体通常会有多款风格相似的“替代品”。遇到好看的西文字体,如果是不能免费商用的话,可以尝试在字体平台上搜索免费可商用的平替,一般都能找到字体质量不错的相似风格字体。
遇到一款好看的陌生字体,可以通过求字体网进行识别。能在求字体网上识别出的字体一般也会标注其版权信息,如果实在查不出来源,最保险的做法就是不要用这个字体。特别是你的设计作品是打算用于商业目的,直接找风格类似且明确是免费可商用字体来替代,是避免侵权的最好方式。
总结 今天和大家聊了快速寻找免费可商用字体的途径方法、字体文件储存备份的注意事项、个人字库的更新迭代以及关于非免费商用字体的一些小 tips,希望对新手设计师提升字体管理能力和字体使用效率有所帮助。
如果你对文章内容有任何疑问,欢迎在评论区提出,我将会第一时间做出回应。也欢迎大家加入优设官方设计交流群(入群二维码见下方 Banner),与优设设计总监和其他热爱设计的小伙伴一起交流学习。我是花生,我们下期见~
-
边玩边学第二弹!5个设计师必玩的在线小游戏
UI交互 2022-06-14哈喽大家好,这里是和大家一起进步的南清音~今天继续推荐大家5款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识! Boolean 「网站...哈喽大家好,这里是和大家一起进步的南清音~今天继续推荐大家5款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识!
Boolean 「网站链接」 https://boolean.method.ac
Boolean 是一款锻炼设计师对 布尔运算 理解的小游戏。游戏的操作很简单,只需要根据示例图案,用鼠标将基础图形拖到指定位置,进行加、减、交集、剪除四种中的其中一种操作,非常考验设计师对图形的判断能力。
往期推荐:
边玩边学!5个设计师必玩的在线小游戏 哈喽大家好,这里是和大家一起进步的南清音~ 今天推荐大家几款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识!
阅读文章 >
Typeconnection 「网站链接」 http://www.typeconnection.com
掌握字体设计细节、熟悉其风格特征及搭配法则是做好文字排版必须掌握的一项内容,Type Connection 就是一款帮助设计师熟悉西文字体设计细节、历史来源、风格的游戏。在游戏中,还能通过“配对”方式比较 2 个不同字体的差异,让我们可以对字体造型细节不同对字体风格特征带来的影响有更直接深刻的理解,比看书理解更有效。有好玩又充满知识的小游戏,你确定不来看一看吗?
Yizzle 「网站链接」 http://yizzle.com/whatthehex
Yizzle 是一款通过色值判断颜色的小游戏。设计师想要轻松把握 hex 色值,那么非常建议来玩一下这款游戏。游戏包含 2 色、3 色、4 色、5 色、6 色、7 色、8 色、9 色、10 色和 48 色 10 种挑战模式,颜色越多越困难。操作起来非常简单,只需要用鼠标在几种颜色种找出色值对应的颜色就好了。快来一起挑战 48 色吧!以后都是颜色大师~
Shape type 「网站链接」 https://shape.method.ac
Shape type 是一款通过调节钢笔工具的锚点完善字形轮廓的游戏,可以提高设计师对字体设计中流畅线型的敏感度。网站会给出 10 个字母,需要你通过调节钢笔工具的锚点来完成,只需要拖动杠杆将字母的边缘变完整就 OK 啦~做完之后,只需要点击 NEXT 就可以看到自己的分数和原本字母的样子。是不是勾起了你的挑战心呀!
UI Coach 「网站链接」 https://www.uicoach.io
UI Coach 不是一款传统意义上的游戏,它是一款高级的灵感创意网站,通过设计项目来提高设计师的 UI / UX 设计技能。UI Coach 会为设计师提供项目创意、调色板、字体以及获奖和提名网站的灵感,用来练习技能。操作方法很简单,只需要点击生成挑战,系统就会随机生成一道设计类题目给你,同时下面还有调色板和字体推荐。设计师可以通过给出的提示进行自我创作,十分锻炼技术!
除此之外,还可以在更多灵感里面寻找更多灵感哦~既可以提升自己又可以学到知识,是不是很棒~
最后!这儿有一个小彩蛋,大家可以点开来看看哇~切记光敏性癫痫患者不要点!(网站声音很大,请提前降低音量) http://www.staggeringbeauty.com
设计师必玩的小游戏推荐就到这里啦~希望以后还能有更多有趣的小游戏冒出来!
-
4000字干货!带你了解提升产品价值的的商业模式画布
UI交互 2022-06-14在日常的工作中,无论是企业高管、创业者、投资者、还是设计师,很多时候在接触了解一个产品或者项目的时候首先关注到的就是商业模式(Business Model...在日常的工作中,无论是企业高管、创业者、投资者、还是设计师,很多时候在接触了解一个产品或者项目的时候首先关注到的就是商业模式(Business Model),而商业模式并不是一成不变的,随着新技术、新机会的出现,一定会延伸出新的商业模式不断迭代调整。这就需要我们通过了解其本质从而进一步创造、提升产品或项目的商业价值。这样说可能大家还是云里雾里,那么我们放到工作的内容中来看,你是否遇到过以下一些问题?
我有一个想法,需要得到老板或者跨部门的资源支持,我要如何才能更加清晰的描述自己的想法和规划以及评估是否可行? 一个在做的项目,我要如何去找到最核心的资源、渠道以及如何去评估该项目的成本结构与收益? 设计产出后,看起来从设计的角度做得还蛮不错,但是用户却不买账。不知道要如何去设计才能够精准洞察用户的需求,解决用户痛点。从而能够依托设计的创新、差异化等方式达到或超出预期的收益。 个人/团队设计过程中缺乏对业务的了解深度、解决问题的合理性 所以,我们从问题可以归纳出商业模式的分析可以帮助我们获取、梳理、确定、评估以下几点:
获取核心用户群体的需求、核心价值点 更好的评估所需的核心资源 确定关键有效的行为、方法 梳理更清晰的成本结构,计算投入产出比 拓展阅读:
网易内部分享:能让产品更快上线的商业模式画布 网易UEDC – TB交互组 :产品研发中,我们往往将精力重点放在了用户体验的部分,而在产品上线后却发现用户寥寥无几。
阅读文章 >
小提示 TIPS:
那么,大家在一起思考一下,商业模式是盈利模式么?其实并不是,这点大家一定不能混淆。商业模式更大,盈利模式可以说是整个商业模式中更偏向于收入的部分,而商业模式的组成还有用户、产品、渠道、价值、客户关系等等。
基础的概念部分我们已经了解,但在实际的分析执行过程中是否有一种工具能够帮助我们呢?答案是:有,那就是 商业模式 画布(Business Model Canvas),它能够很好的帮我们可视化、结构化的去描述呈现出这些维度。首先我们来看看常规的画布是怎样的。
在此图中我们能够看到:重要合作/伙伴(Key Partnerships)、关键业务(Key Activities)、价值主张(Value Propositions)、客户关系(Customer Relationships)、客户细分(Customer Segments)、核心资源(Key Resources)、渠道通路(Channels)、成本结构(Cost Structure)、收入来源(Revenue Streams)几个模块,实际上可以用四个维度来解释,那就是价值主张、运营模式、界面模式、盈利模式。
传统商业模式画布结构
划重点,工作中具体怎么用,咱们结合实际案例-知心帮买/北斗项目应用一起来理解
客户细分 Customer Segments 从产品或者服务需要触达的对象,从而洞察用户,详细的描述用户。那么再看看目前二手车的用户是怎样的:
希望买车,但对车的各项参数配置没有了解,可能只有基础的价格预算。 对二手车有一定的了解,线下去看车没有很好的体验,实际看到的车源较少。 有明确诉求,希望能够快速地定位到匹配车源进行交易。 希望在买车的前中后阶段都有很好的服务及保障。
二手车用户细分关键词
价值主张 Value Propositions
痛点问题:
这一部分一定是你产品或者服务的痛点所在,更需要去通过一系列的问题能够精准定位解决用户的痛点,这也是业务中急切需要解决的:
业务需要向服务化迈进,但目前服务处于断层状态,未能形成闭环且可控。 打破以往的单次转化,变成持续跟进转化。 用户对于服务的感知、标准不一致,没有预期。 过于工具化的展示,缺乏人与场景的衔接、互动。 用户的潜在需求和用户画像不够精准难以实现更精细化的运营。 产品和服务:
秉承价值观在业务中深度落地的理念,提供更多统一且标准的服务体系与体验。 提升整体客户运营能力、服务能力,从车商、用户视角提供更多的可能性。 通过服务层传递体贴、保障、关心的用户感知。 服务模式需要更加多元化。 价值类型
定制:通过直播、留资等功能为用户满足更多定制化诉求。 体验:提供更加一致的找车、看车、选车、沟通、交易的体验。 差异化:通过设计带来视觉、交互的差异,形成进一步的竞品差异。 可获得性:通过更多的产品、服务形式能够留住与拓展更多的用户。 便利性/保障性/服务感:通过适时合理的用户引导、服务保障内容传达提升用户的平台信任度,通过不同平台的整合衔接让流程更标准化、高效服务用户。 渠道通路 Channels 也就是你需要通过怎样的形式或者渠道来连接、触达到你的目标用户,从而传递上述所说的价值,提升这些价值类型与主张在用户当中的认知,甚至这些价值的传递。
我们继续回归到业务中来讲,可以通过几个维度来分析发问:
目前我们平台能够怎样触及到这些目标用户? 现在是如何接触这些用户的? 现有的平台入口、渠道之间是怎样整合的? 目前哪些是最为有效的?成本较低效率是最高的? 结合这几个问题,我们对应了解决方案:
通过在找车、选车、看车的环节当中运用不同的内容展示形式、知心帮买主播的服务以及大类页、列表页、详情页、微聊、企业微信的各个引导入口来触达这些用户。 通过知心帮买、老师傅等服务透传、进一步建立用户的认知、信任感。 减少中间环节,提升平台与用户之间的连接效率,降低中间成本。
客户关系 Customer Relationships 这点在上述的痛点问题中也有描述,业务中是单次转化,需要进行持续性转化。另外在用户的服务层面也是未能形成很好的闭环,所以我们需要思考的是:
对于用户我们需要建立怎样的联系连接? 哪些关系我们已经建立或打通了? 有怎样的平台、功能、业务能够将这些关系、模式进行整合? 目前这些关系的维护成本、效率如何? 这些问题点在渠道通路中其实已经有一定的应用,用户的连接上还可以包含用户的一些自助服务例如业务中的小助手、评价系统能够承接一部分用户的诉求输入。对于用户的长期连接比如平台帮买通过电话、微聊、企业微信的持续跟进等。还有很多的链接场景以及方式需要不断地进行挖掘,发现更优的解决方案。
微聊与评价系统
收入来源 Revenue Streams 我们需要从业务中分析怎样去对不同的用户细分群体获得创收盈利,这点在整个商业模式中是非常重要的,我们可以分成类似于:一次性交易收入、持续性交易收入。所以我们就需要在这个模块重点思考业务中:
用户的付费意愿是怎样建立的? 平台现在可以提供的付费服务是什么? 用户通过什么形式进行付费服务的支付交易? 这部分收入在整体业务的收入占比是多少?成本如何? 收入形式在互联网产品中常见的比如:产品或服务销售、使用费、订阅费、授权费、中介费、广告费等等,这些收入形式虽多,但一定需要一个很好的定价策略来支撑。
核心资源 Key Resources 放眼整体二手车业务产品,如果需要让这个商业模式能运转且顺畅,离不开各部分核心资源的组织、协调、配合。核心资源同样关系到成本与收入。哪些资源是我们的优势,是车源量?还是商家量?还是特色服务等等。同样可以反推一个产品如果需要做成,必要的核心资源是什么?比如:人力资源中必不可缺的职能是什么?商家、线下自营实体需要怎样的规模等。
关键业务 Key Activities 该模块就需要我们非常明确推进的时候需要哪些关键业务与关键行为,就二手车业务而言,知心帮买或北斗项目就需要我们再去思考至少以下几点:
传递价值、服务时候需要什么? 需要怎样的产品、界面覆盖用户的展示侧? 需要线下怎样的形式来进行线上的承接? 用户的连接需要什么样的产品功能、SOP? 收入的来源层面需要怎样的收益方式? 这些我们通过对于产品相应功能设计,例如:服务专区、服务落地页、特定的标识、线下自营门店,主播端的标准话术 SOP、对用户商家的服务定价策略等根据不同的维度与颗粒度控制来实现。
重要合作 Key Partnerships 所有的产品不管线上、线下,任何的有效商业模式都需要有供给端、公司内外部合作对象等,在车业务中这部分也是基础且互相依赖的,怎样去建立这些合作的关系。比如车商、市场是作为产品的供给端,这些资源的风险和不确定性要怎样处理?小到设计来说,这些合作方的展示形式怎样最优?差异化设计要如何去做?这些合作、供应商的核心价值优势要如何呈现?这就是设计师最直接可以去思考的问题。
成本结构 Cost Structure 此部分看似感觉与咱们设计的直接关系不大,但我们一起思考一下,难道真的是这样么?所有的职能都需要考虑到一点就是怎么降本。例如:设计到研发落地环节中的沟通成本,人力、技术实现难度也属于成本结构中的一部分。这些会直接影响到上线时间、上线效果,甚至可能影响到最终收益。所以我们在做设计的时候需要较为清晰的进行评估设计师在整个产品研发周期中的固定成本、可变成本、影响范围,并对这些成本控制有一定的解决方案。
说在最后 上述我们说的这 9 个模块也就是咱们面对业务、产品如何更加结构化推演出一个项目的可行性与基础的实施方式,而不是一拍脑袋的想,一拍脑袋的决策。
聊完这些,大家是否会想,这个工具我只能在工作当中应用么?其实大家再回想这 9 个结构,并对其举一反三就可以发现对个人的职业规划、作为设计职能在公司的价值、述职、项目总结、提案展示、提升沟通能力都可以去做相应的应用。那么了解完上述的内容大家可以试着把最近想做的事情、所负责的业务按照这几个模块进行拆解分析,看看是否与自己的预期相符,或者会有更多的可能。
最后简单举个栗子,如果你要去做一个述职,对应的思考模块是什么?
客户细分=我要向谁述职,这个级别评委关注的是什么? 价值主张=我在这个团队里有什么样的贡献,有怎样的正向影响? 核心资源=你在团队当中的核心能力是什么?有形的资源是什么?无形的资源是什么? 关键业务=在我的目标职级,我都做了什么从什么层面带来了什么价值?对业务的,对团队的? 渠道通路=通过什么途径、流程与机制保证了整体项目的顺利执行,提升效率降低了成本? 客户关系=团队内协作、跨团队协作时怎样更有效地处理问题? 重要合作=达成现在项目的成果,什么人是干系人?处理或规避了哪些风险?整合了什么资源实现了更大的价值? 成本结构=在自我提升的过程中付出了什么?在项目管理中的成本控制是怎样的? 收入来源=在述职期内我获得了怎样的收益? 除了 商业模式画布 ,你还有什么有助于工作、分析的好方法?欢迎一起交流,希望大家共同提升与成长。
欢迎关注「58UXD」的微信公众号:
-
想优化 UI 作品,这14个设计细节一定要检查到位!
UI交互 2022-06-14Hi,我是彩云。界面是用户在与任何产品、APP 或平台交互时看到的内容,用户体验就是建立在坚实的界面设计基础之上的。所以,如果你想要在 UI 设计上提升能...Hi,我是彩云。界面是用户在与任何产品、APP 或平台交互时看到的内容,用户体验就是建立在坚实的界面设计基础之上的。所以,如果你想要在 UI 设计上提升能力,应该多去思考界面设计背后的原因。
今天会跟大家分享一些被广泛运用的界面设计规则,它们能快速使得你的界面设计更干净、高效。
文案要易于理解 用更容易让用户理解(说人话)的引导文案,提升使用体验。
(彩云注:下面 2 个案例中,左侧的“购物车”和“库存 2”太过于术语化,右侧的“仅剩 2”和“加入购物车”更加贴近用户的日常理解。大家平时工作的时候,也一定要注意界面中的文案,尤其是说明文字,控件文字等等,这个点经常容易被忽略。)
华为高薪招聘的「UX文案设计」,文案规范全在这了! 前言 每当我们打开一个网站、使用一个 App 时,我们都在和界面上的文案发生着交互。
阅读文章 >
垂直对齐易于扫视 良好的对齐方式,可以增强内容的可读性,让用户的视线更容易扫描。
(彩云注:左侧的“之”字形视动线比较难阅读,且不够专业;右侧的垂直对齐增强了可读性,也让设计看起来更加统一,能够快速的提升 设计细节 。)
给选项加图标 使用图标、动画作为标签,有助于更轻松地理解内容,它使界面看起来更加理性和丰富,能瞬间抓住用户的眼球。
(彩云注:左侧的 导航 相较于右边,很难第一时间准确识别它的意思,增加图标后不仅更快看清,视觉上也更加美观。)
大段内容要拆分 大段的长句会让内容变得难以阅读。为了获得好的体验和 UI,应该注意拆分内容,并使用项目符号突出关键点,利用拆分好的内容块让用户更快抓住重点。特别是在“功能说明和条款条件”或任何声明时,提炼要点有助于提升用户体验,这样也不至于让用户直接忽略。
(彩云注:左侧的大段文字我想应该没多少人会去阅读,右边的至少还能在短时间内快速看看几个关键词。)
流程增加进度条 进度条帮助用户追踪流程,它也能使查看上下步骤更加容易。线上购物,表单填写,申请流程等场景使用这种格式能很好的简化流程。
(彩云注:左边的表单 UI 不方便跟踪进度和流程,右边的表单把进度放在顶部能帮助用户清楚的知道流程进度。)
错误提示要明确 错误提示一定要明确,易于理解,方便用户进行下一步的操作。如果用户不理解界面上出现的错误,用户就会感到很失望,可能会放弃接下来的流程。在 UI 设计时,在正确的地方用通俗的语言说明问题,以避免歧义,这一点非常重要。
(彩云注:我常常遇到各种出错,但出现的提示太过于术语化,也没有提示在正确的地方让我非常苦恼。)
按钮要正确合理 从菲茨定律(Fitt’s Law)中我们应该知道,目标区域的距离和外观与所采取的行动成正比。因此,为了将注意力集中在转化按钮上,按钮应该准确放置在合理位置上。此外,按钮的大小应该易于点击,避免用户因尝试点击时不方便而流失。
(彩云注:左侧的按钮不在正确的决策位置以及按钮太小,右侧的按钮简洁明了并且符合用户的心理预期,能够让用户更快决策并点击。)
用好色彩心理学 颜色是 UI 中不可缺少的部分,它能影响用户使用应用时的情绪。正确地使用颜色将使 UI 看起来更加丰富合理。
(彩云注:左侧的蓝色按钮颜色并不符合用户对于删除的心理预期,右侧的红色按钮对用户的心理预期有危险和警告,用红色代表删除能够让用户集中注意力关注这一特殊的操作。)
单列更易保持关注度 用单列展示内容,能更好地帮助用户扫描。当你的应用和网站上要展示大量信息时,将所有信息垂直对齐时,能更好的保持用户关注度。
优先社交媒体账号登录 当用户准备登录或注册你平台的时候,把所有可用的社交媒体登录尽量放在首位。这将避免用户填写表格时付出额外的认知负担和时间消耗而流失。首先使用社交媒体账号,能很好地增加点击率。
选择状态要清晰 在用户做选择的时候,需要清晰地告诉用户选中的到底是哪一个选项。模棱两可的颜色会增加用户的认知负担。更少的颜色和清晰的选中状态能让用户获得更好的体验。
(彩云注:左侧的问题在于选中状态不清晰且选项的颜色过于丰富,右侧的选中状态清晰且选项颜色只有 2 种,选中和非选中,体验会更好。)
用留白分组 如果想给信息分组,使用留白是最好的方式。加条线作为分组符号会在界面中增加了一个额外元素,空白能让 UI 看起来更加干净和优雅。用线分组的情况适用于类似 Twitter、Medium 之类的重内容平台等场景。
控件样式保持一致 保持设计的一致性,能够降低功能复杂度并让用户更快决策,一致性设计让用户更快熟悉操作而不需要太多思考。(彩云注:左侧的选项圆角不一致,会让用户思考为什么这里会有不同,而右侧的一致性选项设计,能让用户忽略内容外的干扰。)
搜索中的占位符要用好 在搜索输入栏添加适当的占位符,提示用户可以在平台上搜索和找到的内容,这样可以提供用户参考并带来更好的用户体验。
总结 以上这些就是在设计数字产品体验时应该遵循的 14 个基本规则,这些点虽然基础,但却经常被人忽略。
欢迎关注作者的微信公众号:「彩云译设计」
-
想优化 UI 作品,这14个设计细节一定要检查到位!
UI交互 2022-06-14Hi,我是彩云。界面是用户在与任何产品、APP 或平台交互时看到的内容,用户体验就是建立在坚实的界面设计基础之上的。所以,如果你想要在 UI 设计上提升能...Hi,我是彩云。界面是用户在与任何产品、APP 或平台交互时看到的内容,用户体验就是建立在坚实的界面设计基础之上的。所以,如果你想要在 UI 设计上提升能力,应该多去思考界面设计背后的原因。
今天会跟大家分享一些被广泛运用的界面设计规则,它们能快速使得你的界面设计更干净、高效。
文案要易于理解 用更容易让用户理解(说人话)的引导文案,提升使用体验。
(彩云注:下面 2 个案例中,左侧的“购物车”和“库存 2”太过于术语化,右侧的“仅剩 2”和“加入购物车”更加贴近用户的日常理解。大家平时工作的时候,也一定要注意界面中的文案,尤其是说明文字,控件文字等等,这个点经常容易被忽略。)
华为高薪招聘的「UX文案设计」,文案规范全在这了! 前言 每当我们打开一个网站、使用一个 App 时,我们都在和界面上的文案发生着交互。
阅读文章 >
垂直对齐易于扫视 良好的对齐方式,可以增强内容的可读性,让用户的视线更容易扫描。
(彩云注:左侧的“之”字形视动线比较难阅读,且不够专业;右侧的垂直对齐增强了可读性,也让设计看起来更加统一,能够快速的提升 设计细节 。)
给选项加图标 使用图标、动画作为标签,有助于更轻松地理解内容,它使界面看起来更加理性和丰富,能瞬间抓住用户的眼球。
(彩云注:左侧的 导航 相较于右边,很难第一时间准确识别它的意思,增加图标后不仅更快看清,视觉上也更加美观。)
大段内容要拆分 大段的长句会让内容变得难以阅读。为了获得好的体验和 UI,应该注意拆分内容,并使用项目符号突出关键点,利用拆分好的内容块让用户更快抓住重点。特别是在“功能说明和条款条件”或任何声明时,提炼要点有助于提升用户体验,这样也不至于让用户直接忽略。
(彩云注:左侧的大段文字我想应该没多少人会去阅读,右边的至少还能在短时间内快速看看几个关键词。)
流程增加进度条 进度条帮助用户追踪流程,它也能使查看上下步骤更加容易。线上购物,表单填写,申请流程等场景使用这种格式能很好的简化流程。
(彩云注:左边的表单 UI 不方便跟踪进度和流程,右边的表单把进度放在顶部能帮助用户清楚的知道流程进度。)
错误提示要明确 错误提示一定要明确,易于理解,方便用户进行下一步的操作。如果用户不理解界面上出现的错误,用户就会感到很失望,可能会放弃接下来的流程。在 UI 设计时,在正确的地方用通俗的语言说明问题,以避免歧义,这一点非常重要。
(彩云注:我常常遇到各种出错,但出现的提示太过于术语化,也没有提示在正确的地方让我非常苦恼。)
按钮要正确合理 从菲茨定律(Fitt’s Law)中我们应该知道,目标区域的距离和外观与所采取的行动成正比。因此,为了将注意力集中在转化按钮上,按钮应该准确放置在合理位置上。此外,按钮的大小应该易于点击,避免用户因尝试点击时不方便而流失。
(彩云注:左侧的按钮不在正确的决策位置以及按钮太小,右侧的按钮简洁明了并且符合用户的心理预期,能够让用户更快决策并点击。)
用好色彩心理学 颜色是 UI 中不可缺少的部分,它能影响用户使用应用时的情绪。正确地使用颜色将使 UI 看起来更加丰富合理。
(彩云注:左侧的蓝色按钮颜色并不符合用户对于删除的心理预期,右侧的红色按钮对用户的心理预期有危险和警告,用红色代表删除能够让用户集中注意力关注这一特殊的操作。)
单列更易保持关注度 用单列展示内容,能更好地帮助用户扫描。当你的应用和网站上要展示大量信息时,将所有信息垂直对齐时,能更好的保持用户关注度。
优先社交媒体账号登录 当用户准备登录或注册你平台的时候,把所有可用的社交媒体登录尽量放在首位。这将避免用户填写表格时付出额外的认知负担和时间消耗而流失。首先使用社交媒体账号,能很好地增加点击率。
选择状态要清晰 在用户做选择的时候,需要清晰地告诉用户选中的到底是哪一个选项。模棱两可的颜色会增加用户的认知负担。更少的颜色和清晰的选中状态能让用户获得更好的体验。
(彩云注:左侧的问题在于选中状态不清晰且选项的颜色过于丰富,右侧的选中状态清晰且选项颜色只有 2 种,选中和非选中,体验会更好。)
用留白分组 如果想给信息分组,使用留白是最好的方式。加条线作为分组符号会在界面中增加了一个额外元素,空白能让 UI 看起来更加干净和优雅。用线分组的情况适用于类似 Twitter、Medium 之类的重内容平台等场景。
控件样式保持一致 保持设计的一致性,能够降低功能复杂度并让用户更快决策,一致性设计让用户更快熟悉操作而不需要太多思考。(彩云注:左侧的选项圆角不一致,会让用户思考为什么这里会有不同,而右侧的一致性选项设计,能让用户忽略内容外的干扰。)
搜索中的占位符要用好 在搜索输入栏添加适当的占位符,提示用户可以在平台上搜索和找到的内容,这样可以提供用户参考并带来更好的用户体验。
总结 以上这些就是在设计数字产品体验时应该遵循的 14 个基本规则,这些点虽然基础,但却经常被人忽略。
欢迎关注作者的微信公众号:「彩云译设计」
-
边玩边学第二弹!5个设计师必玩的在线小游戏
UI交互 2022-06-14哈喽大家好,这里是和大家一起进步的南清音~今天继续推荐大家5款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识! Boolean 「网站...哈喽大家好,这里是和大家一起进步的南清音~今天继续推荐大家5款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识!
Boolean 「网站链接」 https://boolean.method.ac
Boolean 是一款锻炼设计师对 布尔运算 理解的小游戏。游戏的操作很简单,只需要根据示例图案,用鼠标将基础图形拖到指定位置,进行加、减、交集、剪除四种中的其中一种操作,非常考验设计师对图形的判断能力。
往期推荐:
边玩边学!5个设计师必玩的在线小游戏 哈喽大家好,这里是和大家一起进步的南清音~ 今天推荐大家几款设计师玩的小游戏,让大家在玩的同时也可以学到设计知识!
阅读文章 >
Typeconnection 「网站链接」 http://www.typeconnection.com
掌握字体设计细节、熟悉其风格特征及搭配法则是做好文字排版必须掌握的一项内容,Type Connection 就是一款帮助设计师熟悉西文字体设计细节、历史来源、风格的游戏。在游戏中,还能通过“配对”方式比较 2 个不同字体的差异,让我们可以对字体造型细节不同对字体风格特征带来的影响有更直接深刻的理解,比看书理解更有效。有好玩又充满知识的小游戏,你确定不来看一看吗?
Yizzle 「网站链接」 http://yizzle.com/whatthehex
Yizzle 是一款通过色值判断颜色的小游戏。设计师想要轻松把握 hex 色值,那么非常建议来玩一下这款游戏。游戏包含 2 色、3 色、4 色、5 色、6 色、7 色、8 色、9 色、10 色和 48 色 10 种挑战模式,颜色越多越困难。操作起来非常简单,只需要用鼠标在几种颜色种找出色值对应的颜色就好了。快来一起挑战 48 色吧!以后都是颜色大师~
Shape type 「网站链接」 https://shape.method.ac
Shape type 是一款通过调节钢笔工具的锚点完善字形轮廓的游戏,可以提高设计师对字体设计中流畅线型的敏感度。网站会给出 10 个字母,需要你通过调节钢笔工具的锚点来完成,只需要拖动杠杆将字母的边缘变完整就 OK 啦~做完之后,只需要点击 NEXT 就可以看到自己的分数和原本字母的样子。是不是勾起了你的挑战心呀!
UI Coach 「网站链接」 https://www.uicoach.io
UI Coach 不是一款传统意义上的游戏,它是一款高级的灵感创意网站,通过设计项目来提高设计师的 UI / UX 设计技能。UI Coach 会为设计师提供项目创意、调色板、字体以及获奖和提名网站的灵感,用来练习技能。操作方法很简单,只需要点击生成挑战,系统就会随机生成一道设计类题目给你,同时下面还有调色板和字体推荐。设计师可以通过给出的提示进行自我创作,十分锻炼技术!
除此之外,还可以在更多灵感里面寻找更多灵感哦~既可以提升自己又可以学到知识,是不是很棒~
最后!这儿有一个小彩蛋,大家可以点开来看看哇~切记光敏性癫痫患者不要点!(网站声音很大,请提前降低音量) http://www.staggeringbeauty.com
设计师必玩的小游戏推荐就到这里啦~希望以后还能有更多有趣的小游戏冒出来!