最美UI

设计学习中的思维套路!提高你的思维深度

前阵子的一点感想,原本是内部分享的内容,但是我觉得应该会对一些人有帮助,也刚好很久没发站酷了,所以发出来和大家分享下!!

hello,大家好,作为一名设计师,半个健身爱好者,今天想和大家从这个两个角度,探讨一下学习中的思维套路!! 

可能大家对这个思维套路感到疑惑,到底是什么? 

那需要从工作中的一个需求来说起! 

图 部门LOGO

 

先大致介绍一下这个需求,FiT(Financial Technology)是已经设计好的部门LOGO,现在需要的是在后面加上Design这个英文单词。是的,这个看起来并不是一个复杂的需求,大家也可以想一下如果是你,你会怎么思考怎么做? 

因为各种限制的因素,设计上发挥空间并不大,仔细分析了一下,可以得到几个关键词 “互联网金融” “设计感” “严肃” “现代”,再配合原来FiT的字形,当时我立马就有了一个思路。

 

图 futura费图拉字体

Futura是一款现代的,极具几何特征的字体,受到包豪斯运动的影响,字体造型极具设计感,几何特征严谨细致,在当时是一款广受欢迎的人气字体。也刚好和我想要找的感觉契合,于是就在这款字体的基础上来设计Design这个字母! 

方向敲定之后就在不断的调整细节,这是部分当时设计的过程稿,原本故事到这里应该差不多结束了! 

但是设计过程中一直感觉有些地方不到位,但又说不上来!

 

于是我在心中提了一个第1个问题:真正一款英文字体是如何设计的? 

我开始在网上和书上查阅相关资料(刚好 小林章 先生的书在国内上市 蒙纳字体公司设计总监 )

 

 

图 西文字体(小林章)

你会发现一款优秀的英文字库设计远比你想象的复杂的多

图 Helvetica部分字体

以这款Helvetica字体为例,新版本的Neue Helvetica家族就有51种

图 Stempel Garamond字库部分字符

除了26个拉丁字母以外,还有合字,双元音字,带声调符号的字母,其他符号等等,另外我们还需要了解五线谱(黑体为四线),字间距,字偶间距等等...

当你知道了这些基础的内容以后,再回到原先的设计上,你就知道为什么会有之前感觉不到位的想法了。 

图 调整后的Design(高度间距和笔画重新做了视觉上的统一)

图 整体效果

为了后续更好的应用,我还外加了一个豪华午餐,全套的英文字母! 

当你知道为什么这么设计之后,你的这个设计就会变的有底气! 

ok,故事到这里应该结束了,还比之前超出预期!

 

但是,这时我又问了自己第2个问题,既然知道了英文字体是这样设计的,那中文呢?差别在哪里?

于是我又开始重复上面的步骤,去百度谷歌,去查书,另人尴尬的是,居然都没有找到比较靠谱的体系的内容,但是还好找到了两个书名 ,日本-佐藤敬之辅《汉字》和台湾-魏朝宏《文字造型》可惜都已经绝版!好在后来在二手书店淘到一本影印本! 

图 摘自左佐工作室公众号

中文字型远比英文要复杂的多,光常用汉字就有3500字,笔画最多差35笔(通用字体),整个字型的设计就尤为重要。 《文字造型》这本书里面大概分了这个几块内容来讲汉字设计

图形视觉心理

文字设计(框,骨架,调整,修饰)

永字八法

间架结构 (104字)

每个展开讲可能都需要单独一篇文章,这里我简单提一个书中的内容“形式原理图形视觉心理与错视对于文字造型的关系”

光渗视觉现象 

/两条线不垂直相交时,交点变大 

横竖粗细错觉 

/横宽>竖宽 

/斜线端头宽>竖宽 

/斜线交叉口宽>竖宽 

/斜线交叉口宽>斜线端头宽 

/竖宽>圆弧腰径宽 

黑白线的粗细错觉 

/白底黑字>黑底白字 

纵横错视 

/被垂直分割线的错视(被分割线段显得短一些) 

/垂直线被二等分的错视(会产生上长下短的错觉) 

笔画粗细的均衡(例如山,中) 

部分与整体形态间的均衡 

笔画密度与粗细 

群集文字的调整与编排 

文字的大小调整 

编排文字时字间调整 

大致了解了汉字造型的一些注意点跟设计方法后,其实还是比较难应用, 所以我问了自己第3个问题,能不能和我的工作结合一下去应用这些知识 ?

[b]

[/b]

我平时接触的比较多的是运营类的标题字体,需要自己设计,如果能有一套或者几套自己的字库,遇到一些比较紧急或者不那么重要的活动就可以节省时间,还可以让同事或者外包一起使用,节省更多资源 !

根据使用场景我想到一个比较好的方法,就是按照书中提到的《大字结构四十八法》,每法以四字为例,将汉字的主要结构字型都设计出来,其余字型根据平时的设计需要,再参照之前的设计组合出来。

图 原104字为繁体,翻译成简体可能存在一些结构上的问题

这样不需要像字库一样设计这么多字体,又可以随时方便的使用,唯一的缺点是只有设计师能用!

图 根据上述方法设计的两款字体,暂时只定了字型,

剩下字慢慢填坑! 等完成了再发出来!

最终完成后,可以方便的组合修改出自己想要的文字!

ok,到这里其实这个项目才算真正的结束,不知道大家有没有看懂我讲的内容, 其实我并不是想讲如何设计字体

(划重点了)我们跳出这个项目本身,来重新看下我刚刚讲的内容 ,

首先找到一个目标或者项目-然后发现问题-接着去解决问题-然手思考关联的问题-接着重新解决问题-从而获得新的知识-最后结合自己的生活去使用知识 

没错,当你学会这样的套路去思考事情,很多时候会有一些不一样的额收获! 

——————————————————————————————————

我来再举个简单的例子以健身为例, 一般人去健身大多流程是这样的 :

找个健身房/跟着教练或者朋友开始锻炼或者独自锻炼/查阅了解减肥或者增肌的知识/一段时间后放弃锻炼或者坚持锻炼直到自己满意为止 

当我用上面的套路去思考问题时,健身这个事情会变成什么样呢? 

首先找个健身房跟着教练锻炼(这是花钱省事的好方法)

然后慢慢的发现增肌或者减脂的很多问题(比如,增肌效果不明显,或者减脂的反弹等等)

接着去查资料解决问题(寻找更好的增肌训练方法,或者更有效减脂办法)

然后发现关联问题(增肌和减脂过程中比起训练更重要的是饮食)

从而获得新的知识(需要有完成的体系的健身知识才能长期的更好的指导自己)

最后结合自己的生活去使用知识 (拉动小伙伴一起锻炼并且分享你的知识,共同学习成长)

就是这样,我们可以通过这个思维套路来获得深入思考的能力,从而帮助我们更好的学习和生活,这就是我这次想和大家分享的一些小观点~~~谢谢!

分享:Jaysen

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
组件化设计思维 – 从规范到工具的构建与探索
下一篇
强迫症无法忍!说说那讨厌的小红点的设计