网易设计规范(附规范文档下载)

 

 

 

文:网易UEDC / 吴良

读者对象:刚接触产品设计的视觉设计师

序:对于刚入行的新人,可能觉得设计规范是一件很高大上又很让人头疼的事情,面对这么多设计模块感到无从下手。设计规范如果考虑不到位,往往会出现规范太空洞缺乏实际指导意义、规范太死板影响设计发挥等问题。这篇文章会从新人的角度出发,总结一些设计规范要点,算是一次温故总结的分享。

一、设计规范有什么用?

 

设计规范能为团队解决不少问题,并提升工作效率,主要体现在以下三个方面:

1、解决多人协作时控件混乱问题

 

一个大型项目的视觉稿,往往会有几十个甚至是上百个页面。对于第一次做这种大项目的设计师,如果在视觉风格成型后没有做规范的话,哪怕自己一手包办全部页面,恐怕也很难统一视觉样式。在创作阶段设计其他页面时,如果没有规范来指导,设计过程中很容易产生细微的出入,导致每个控件都会有细微的差别,经常会做着做着就出现控件不一致的问题,比如A页面的按钮是4PX圆角,B页面的按钮又做成了6PX圆角,再后来做的C页面的按钮又做成了2PX圆角。如果一直埋头苦干赶页面,没检查出这些问题,页面做的越多错误就越多,到时候几十个页面的控件都要修改,那可真是苦不堪言啊。

一个人做页面尚且会出现这种样式不统一的问题,更何况是多人协作。因此,在进行多人协作一个项目前,可由主视觉设计师出一份视觉规范,其他一起协作的几个设计师遵循这个规范,才能把控视觉统一性,提高效率,减少返工率。

另外,当新人加入团队的时候,他们对产品的品牌基因可能理解不透,这时设计规范就可以帮他们快速上手,并且保持产品的统一性。

2、解决开发效率、代码冗余问题

 

 

如果没有做规范,就拿按钮这个常见的控件来举例,程序员不知道具体的规范,每个程序员用代码写了A页面的按钮样式,然后在开发B页面时又要重新用代码写按钮样式,页面越多程序员的工作量也就越大,影响项目进度,代码也会越来越臃肿。

如果做了规范,程序员从视觉规范中了解到哪些控件是可以一次性写好并能重复调用。在规范的辅助下,程序员在搭建全局共用元素时规则更加清晰明了,如按钮、行间距、字体大小、色值等等。

另外,对于末端界面没有规范到的角落和由规范控件组成的新页面提供了有效参考,比如规范中已经列出的5种常用弹窗样式,后来需求迭代时出现由原有规范样式混搭组成的新弹窗,这时程序员就可以借鉴原有5种弹窗里的标题、间距、按钮等样式去完成该工作。

 

 

3、解决产品迭代中品牌形象会走样问题

 

 

 

产品在迭代过程中,往往是小版本进行几个功能的迭代比较多。如果没有做规范,在多次迭代过程中会忘记设计初衷,同样一个TAB控件,可能会出现多种不同样式的TAB,举一反三,这种太随意的设计会让产品控件混乱,导致品牌形象走样,看起来很不协调,像是几个风格不同的设计师共同完成的半成品。

有了规范,后续迭代中也能保持设计初衷,遵循定制好的设计规范,维护好品牌形象。就算是后来加入新的设计师,新的设计师也能通过主设计师做好的规范,统一品牌形象。

规范能使产品在不断更新迭代中保持品牌形象不走样,保持产品特性,产品的规范统一增加了用户使用认知,不同程度有效提升用户体验。

 

二、设计规范操作的五大误区

设计规范的工作量不小,开始动手之前应了解一下有哪些误区,尽量少走弯路,更科学高效地完成一份有效的规范文档。

错误一:规范建立时机不对

 

 

规范建立的时机很重要,太早或者太晚都会给后续迭代带来很多麻烦。

如上图所示,如果在创作初期就做设计规范,这时视觉风格还没成型,投入太多精力去做规范,在视觉风格定位后,之前做的视觉规范又要推翻重做,因此太早做设计规范会造成没必要的返工。

如果等V1.0上线后才开始做规范,已经错过了最佳时机。因为在V1.0开发的后半部分的两大工作是设计师拓展页面和程序员进行开发,在设计师拓展页面的阶段,如果没有设计规范的指导往往会很难保持视觉统一性,这时把页面交到程序员手里,同样一个控件在各个页面中的呈现样式却不一样,混乱不协调的控件库会对程序员造成困扰,从而影响开发进度。在程序员前期开发阶段,如果有了规范,就可以快速根据规范搭建控件库,高效完成工作。

因此,最佳时机是在完成风格定位后做规范,可以承上启下高效完成工作。

错误二:对非重要界面进行规范设定

 

 

记得以前刚接触设计规范的时候,觉得设计规范就像一本设计圣经可以非常细致全面的指导设计工作,然后我对全部界面都做了详细的规范,花了很多时间和精力做出的设计规范多达几十页好几十个细分模块,最后实际应用时发现自己被这份设计规范打脸,因为有时做新的页面,如果死板的100%遵循了规范,做出来的视觉效果不好;如果完全抛开设计规范,那之前做的过于全面的规范等于白做了,可见太过全面的规范会影响设计师发挥,并不是一件好事。

所以,整理规范时,应只针对控件、色值、质感、动效、品牌元素等重要界面进行规范设定。

错误三:规则没弹性

 

采用28原则只能针对产品80%的界面进行规范。这里讲的80%和20%是一个相对的概念,80%代表色彩、按钮、字体、间距等重要内容,这些内容需要进行详细的规范说明。另外的20%是指某些控件是不可复用并且不重要的,这种20%的内容不需要花费精力做进规范里。这个28原则需要设计师根据具体情况具体分析,作出更适合当下的设计。

如果对所有界面进行100%规范,一方面会束缚设计师的发挥,另一方面也会影响产品迭代的设计弹性,比如一个产品官网进行了100%规范,需求迭代时要在导航加上一个活动入口,这时如果死板的遵循原先的导航规范来加这个活动入口,视觉效果和活动数据效果可能并不理想,所以在面对这类需求的时候,适当的做出导航调整也是可以的。

错误四:规范没有迭代

 

在完成v1.0版规范后,产品还会一直迭代,产品改版过程中必定会不断优化设计。

如果设计师没有跟着产品改版的节奏去迭代视觉规范,一般会出现两种情况:一是被原规范的旧样式束缚,死板的遵循最初的规范,长久下去会出现视觉样式过时的问题。二是改版中用了新的视觉风格,没有及时总结归纳成规范,这样一来又会出现品牌形象走样的问题。

所以在产品迭代过程中需要对旧的规范进行更新优化,不好的、过时的规范需要及时同步归纳,并及时通知到项目相关人员。要不然,陈旧的规范起不到帮助设计工作的开展,反而是一种负面影响。

错误五:规范没有执行力

有两种规范是缺乏执行力的:

第一、规范内容不具体,缺少对核心模块的细节说明。各个模块缺少必需的说明,比如色彩模块中有主色却缺少辅助色的说明,按钮模块中缺少滑过、点击、不可点状态的说明,字体模块缺少字体磅数的分布设定。这种没有核心内容的规范,没有参考价值,规范的作用几乎等于零,其他参与项目的设计师还得找制作规范的设计师要相关的规范才能进行下去,所以这种类型的规范是没有执行力的。

第二、规范太全面死板太臃肿,无从看起,对后续设计有束缚。对所有界面的所有元素进行规范,连不重要的元素也强行归纳进来,多达几十页的规范文档。造成三方面的影响,一是会增加大量没必要的工作时间来制作规范,二是设计师和程序员需要花很多时间精力去看无关紧要的内容,增加了很多负担。三是设计本来就不是一件绝对的事,需要20%的灵活空间,不然后面遇到新的页面,死板的把规范用在新的页面上,出来的效果可能并不好。

三、设计规范怎么做?

设计规范的模块分类有很多,会让新人感到无从下手,怎么样梳理才更能科学易用?以下六个维度可以作为参考。

1、信息系统:字体选择、颜色、层级区分

产品中的字号应该有一个全局的规划,在同一个界面内,尽量少用太多太接近的字号,比如一个产品详情页的正文部分,如果同时用了12、13、14、15、16、18去排版,文字的层级对比会比较弱,不利于阅读,视觉效果也会有点凌乱。

如果你对全局的字号没把握,不妨参考一下上图的字号分布,这套基于12、14、16、20和34号的字号分布能够良好的适应布局结构,层次明晰,所以具有一定的参考意义。当然以上仅供参考,没有绝对的字号布局方案,设计师可以根据具体的产品情况来分布。

如上图所示,「L」和 「XXL」用了两个很相似的颜色#666666和#6e6e6e,这两个颜色肉眼难以区分,在同一层级去做字体颜色区分是没必要的。同一组中的内容属于同一层级,从信息层级来讲应该要用同一种颜色,表示是同一个层级。

产品文字中一般会有一级标题、二级标题、一级正文、二级正文、提示文字、辅助文字等,为了区分层级便于浏览,通常会根据产品需要把字体颜色深浅分成3到5个层级,常见的有#333333、#666666、#999999这个组合,这个组合的层级区分比较分明,适应性比较广,因此有一定的参考价值。

从技术实现层面来讲,对于字体的选择,产品设计和推广设计有较大的区别。

推广设计的风格多种多样,需要根据需求选择字体来营造氛围,推广设计的字体往往是做在图片上,不需要考虑用户的设备中有没有包含该字体。

产品设计的字体,很少会做在图上,大多数字体由前端工程师来实现,设计师一般会选择用户设备里自带的字体来进行设计。如果在页面中用了兰亭黑、正黑等大量第三方字体,用户的设备没有这些字体就会以默认字体来显示,最终效果会和视觉稿有很大出入。

另外,从视觉层面来讲,文字的层级一般用字号去区分,如果既用字号去区分,又用不同字体去区分信息,会显得凌乱缺乏美感,因此字体的数量应做减法,能用2种就不要用3种,能用1种就不要用2种。

2、控件系统:按钮的样式统一

在产品中按钮控件的复用度是很高的,同样的一个确定按钮也会根据页面环境不同来设定不同宽高尺寸。

需要注意的是,即使按钮宽高不同,按钮样式也需要统一宽高比例、描边、直角、圆角、色值、文字区域、字体、字间距等,以保证按钮样式的统一。

另外,在一般情况下,按钮会有四种鼠标状态。不同颜色的按钮之间,相同的鼠标状态也需统一视觉效果。比如同层级的蓝色和绿色按钮放在一起,这2个按钮在hover状态下的明度变化看起来应相对统一。

3、布局系统:界面内不能出现多余的行间距

在设计的过程中,间距这个隐形元素往往会被新人忽略,间距能表明内容之间的层级和从属关系,凌乱复杂的间距会对用户认知造成较大困扰。

因此,设计师需要将间距当做色彩、字体、字号一样的元素来设计。一个界面中能用5种间距,就不要用6种;能用3种就不要用4种,这是一个需要做减法的设计原则。

另外,内间距尽量不要大于外边距。大多环境下,外边距小于内边距时内容会有外扩力,显得拥挤,有阅读压力。外边距大于内边距时,有适当的留白,内容没有外扩力,用户的视线不受干扰,更专注于内容本身。

4、配色系统

选择主色调时,首先确定产品的调性、用户对象和所要表达的气氛,以及利用色彩所希望达到的目的,色彩取向决定了这个产品的风格。产品的辅助色可用主调色的邻近色,也可用对比色。确定主色和辅助色之前,建议应用到各种页面中去看看实际效果,因为每个页面的使用环境都不同,反复验证后才能确定最终的色彩方案。

一般情况下,可选择一到三种辅助色配合使用,整个产品的色彩最好控制在四种颜色之内。

5、品牌系统:LOGO应用

LOGO会应用到各种页面中,在LOGO定稿后需要将LOGO的各种组合方式整理出来,便于后续的实际应用。比如LOGO的左右结构及上下结构;反白的情况;黑白的情况;单色的情况;黑底白底的情况;最小尺寸;以及错误的使用方式都需要标示出来。

6、推广系统

推广规范设定应突出商品、主体内容和主要文案。不得使用无版权的图片和字体,文案排版需符合阅读习惯,避免折行,字体不要过小,字体笔画均匀识别度高,辅助图形不得扰乱文案信息和产品展示。

以及具体的排版结构,它是上下还是左右,先图后文,还是先文后图,四周的边距和文案的间距,可以和不可以的排版行为需要标示。

四、设计规范案例

 

 

 

网易云音乐android端V3.0版规范遵循28原则,对产品80%的主要界面进行规范,ICON的风格统一和色彩的整体把控,以及品牌的统一性,都有条有理的安排在规范中。这份考究严谨的设计规范,列出大量方便复用的控件,在内容的框架梳理和模块的细节说明上极具参考性,非常适合设计新人借鉴参考。

 

 

 

 

LOFTER经过几个大版本的迭代,设计风格和LOGO都有所改变,因此规范也随之迭代优化。对比V1.0和V5.2规范,可以发现LOFTER在V1.0产品初期阶段,只需对色彩、字号、按钮等主要模块进行规范,随着产品的发展,到了V5.2版设计规范,对规范进行了更多的补充说明,以及保持产品自身的品牌调性。

LOFTER这份精而美的设计规范,页数不多,但每页都是经过三思后得出的总结,推荐一看。

PS:原文提供网易云音乐和LOFTER的规范文档下载,欢迎下载。

像素图标视觉指导8点

——主要列举了用AI设计绘制像素图标时,一些需要注意的小规范,对于初学者来说是很有必要的!
好的设计习惯应该趁早养成,而且也方便后期实际使用/上线。
——各路大神还请多多提点,灰常感谢!!!

①保持简单、明了【切记不可过于追求细枝末节,图标能直接传达含义即可】

 

bb1c572500696ac7253812a49b61.jpg

 

②使用几何形状【不要使用手绘或不规则形状,尽可能尝试用几何形去塑造,美观、规则、系统】

52b4572502006ac7253812bf15a6.jpg

 

③正视图视角【不需要绘制多维度图标,只需从一个维度绘制,正视角表达展示】

d628572502d632f875a3997ad23a.jpg

 

④像素值【避免像素值出现1.5/1.3等小数点部分,尽可能保持整数,方便后期工作(放过自己,方便他人)】

82b75725040132f875a3996960ce.jpg

 

⑤像素视图【不要忘了像素视图,能够方便检查是否有虚边,快捷键Ctrl+Alt+Y

0b175725061732f875a399272814.jpg

 

⑥保持统一性【一套图标中不要混合多种风格,保持图标风格的统一性,美观有条理】

f87b572506d76ac7253812dc0bf5.jpg

 

⑦轮廓模式【当导出路径或SVG格式时,确保所有图形已经组合或扩展,使用轮廓模式进行检查】

2a2f572507e36ac72538122b3d3b.jpg

 

⑧预览边界模式【使用预览边界模式,确认图标真实轮廓大小,得到准确的尺寸范围;

打开方法:首选项—常规—勾选使用预览边界模式

890e5725091232f875a399b8cc7d.jpg

 

 

这些只是针对初学,也算是一个习惯开始养成,为以后打下基础,各路大神级别的还请多多指点,灰常感谢!!!

作者:StoneFred

来源:站酷

KFC LOGO背后的故事

肯德基老爷爷的故事

KFC 肯德基

1930年,美国肯塔基州北科尔宾

创始人:哈兰·山德士(Harland Sanders)

公司:百胜餐饮集团  总部:美国肯塔基州路易斯维尔

www.kfc.com

 



5f1f57247d5232f875a399924c75.jpg

在全球顶级品牌中,把自己的头像作为品牌LOGO的并不多,哈兰·山德士算是做得最成功的。这个世界上最知名的“上校”,现在在超过100个国家的14000多个连锁店里为各国食客烹饪美味的快餐。他那白色的西装以及同样白色的山羊胡子让众多迷恋肯德基味道的食客倍感亲切。

然而,据一份有趣的调查显示,大多数18岁到25岁的青少年不知道谁是山德士上校,有61%的被调查者说自己不知道肯德基标志上那个长着胡子的老爷爷是谁。天哪,他们竟然不知道这个世界闻名的炸鸡店标志里的人是谁? 对任何一个成长于20世纪五十年代之后的美国人来说,肯德基爷爷是真实存在的。你不用刻意去了解他是谁,也不用刻意去看电视里的广告,任何一个人往任何一个方向走1英里,你就能看到他的笑脸、他亲切如爷爷的脸和他的白西装,然后你就知道那里有肯德基。

不过,也许只有65岁时才创立了肯德基快餐品牌的他,才真正明白成功的到来有多么不易。

 

下面是郝先森整理的一些关于肯德基创始人哈兰·山德士的资料,希望大家看后对这个肯德基标志中的老人以及他创办的品牌有更深的了解。

 

品牌创始人:山德士上校


 

哈兰·山德士上校

 

世界的各个角落,在中国的每个城市,我们都会常常看到一个老人的笑脸,花白的胡须,且永远都是这个打扮,就是这个笑容,恐怕是世界上最著名、最昂贵的笑容了,因为这个和蔼可亲的老人就是著名快餐连锁店“肯德基”的招牌和标志——哈兰·山德士上校,当然也是这个著名品牌的创造者,今天我们在肯德基吃的炸鸡,就是山德士发明的。从最初的街边小店,到今天的食品帝国,山德士走过的是一条崎岖不平的创业之路。

 

 

山德士的人生轨迹


 

山德士年轻时的照片

 

  1890年9月9日,哈兰·山德士出生于美国印地安那州亨利维尔附近的一个农庄。家境不是很富裕,但也还过得去。然而就在他6岁那年,父亲去世了,留下母亲和3个孩子艰难度日。

为了生活,母亲不得不在外面接很多个活计来做,白天得去食品厂削土豆,晚上继续给人家缝衣服,自然就没功夫照料幼小的孩子,山德士是老大,他肩挑起了照顾弟妹、为母亲分忧的重任。白天母亲不在家,小山德士只好自己做饭,一年过去了,他竟然学会做20个菜,成了远近闻名的烹饪能手。

12岁那年,母亲再嫁,山德士和继父的关系却不是很好,才念到6年级,他就再也不想读书了,家里的氛围憋闷无比,山德士决定去工作,重新换个环境。他来到格林伍德的一家农场去做工,虽然辛苦,但也能维持个人温饱。

此后他换过无数种工作,可以说什么活儿都尝试过,做过粉刷工、消防员, 卖过保险,还当过一阵子兵,后来他还得过一个函授法学学位,使他能在堪萨斯州小石城当上一段时间治安官。

 

山德士出售炸鸡的地方

 

后来到了40岁的时候,山德士来到肯塔基州,开了一家可宾加油站,因为来往加油的客人很多,看到这些长途跋涉的人饥肠辘辘的样子,山德士有了一个念头,为什么我不顺便做点方便食品,来满足这些人的要求呢?况且自己的手艺本来就不错,妻子和孩子也时常称赞。想到就做,他就在加油站的小厨房里做了点日常饭菜,招揽顾客。

在此期间,山德士推出了自己的特色食品,就是后来闻名于世的肯德基炸鸡的雏形,由于味道鲜美、口味独特,很快炸鸡就受到了热烈欢迎,客人们交口称赞,甚至有的人来不是为了加油,而是为了吃可宾加油站的炸鸡。

 

刚开始这样做的时候,山德士是为了扩大自己加油站的生意,但是反而炸鸡的名声超出了加油站,由于顾客越来越多,加油站已经容不下了,山德士就在马路对面开了一家山德士餐厅,专营他的拿手好戏——炸鸡。

为了保证质量,山德士系上围裙动手烧炸,并投资扩建了可容纳142人的大餐厅。这样,他就创建了一个初级的炸鸡市场。以后的几年,他边经营、边研究炸鸡的特殊配料(含11种药草和香料),使炸成的鸡表皮形成一层薄薄的、几乎未烘透的壳,鸡肉湿润而鲜美。至今,这种配料配方还在使用,但调料已增至40种。而这就是肯德基最重要的秘密武器,正如可口可乐的配方一样。

到了1935年,山德士的炸鸡已闻名遐迩。肯塔基州州长鲁比·拉丰为了感谢他对该州饮食所做的特殊贡献,正式向他颁发了肯塔基州上校官阶,所以人们都叫他“亲爱的山德士上校”,直到现在。

 

 

从生意红火到一贫如洗


 

 

  虽然生意不错,但山德士并不满足这样的成就,他别出心裁,又进一步,在饭馆旁边加盖了一座汽车旅馆。这样在著名的霍德华、约翰逊汽车旅店建成之前,山德士成为第一个集食宿和加油为一体的企业联合体。

但随着顾客增加,山德士感到自己管理经验的缺乏,为此他专门到纽约康乃尔大学学习饭店旅店业管理课程,这使他能够很好地解决以后面对的饭店管理问题,但是还有问题存在。随着山德士餐厅的名声越来越大,客人越来愈多,要为那么多的顾客很快地炸好鸡,端上桌,却不是个容易解决的事儿。他总是一边手忙脚乱地为顾客炸鸡,一边听着急着赶路的顾客在旁边不停地抱怨。

山德士为此烦恼不堪,该怎么办呢?就在这时,一次偶然的压力锅展示会给了他一个启发,压力锅可以大大缩短烹制时间,又不会把食物烧糊,这对于他的炸鸡而言是再好不过的事情了。

1939年,山德士买了一个压力锅,他做了各项有关烹煮时间、压力和加油的实验后,终于发现一种独特的炸鸡方法。这个在压力下所炸出来的炸鸡是他所尝过的最美味的炸鸡,至今肯德基炸鸡仍维持这项使用压力锅的妙方。并且正如他所想象的,炸好一只鸡仅仅用了15分钟,时间短、味道好的炸鸡顿时成为当时大家谈论的热点,众多食客纷至沓来,即便在30年代大萧条时间,山德士的经营依然红火。

可是二战的爆发给了他一次小小的打击,战争期间实行汽油配给,他的加油站关门了,从此山德士专心经营自己的饭店。然而外界的变化再一次威胁到他的安稳生活。新建横贯肯塔基的跨州公路计划最后确定并向大众公布了,山德士餐厅所在地旁的道路被新建的高速公路所通过,这对山德士是个巨大的打击,打乱了他所有计划,他的雄心和热情一下子降到了冰点。他不得不变卖资产以偿还债务,所得的款项只相当于公路通车前的总资产的一半。为了偿清债务,连他的银行存款也用光了。一下子,哈兰·山德士,这位昔日受人尊敬的上校,从人人尊敬的富翁变成了一个一文不名的穷人。

这时的山德士已经56岁了,所能依靠的只是自己每月105美元的救济金。但是山德士并不想就此了却自己的一生,况且这点救济金根本不能维持生活,还是要靠自己。

 

 

1009次失败仍不放弃


 

 

山德士冥思苦想,该怎么做,才能摆脱困境,他拥有的最大价值的东西就是炸鸡了,这是一笔巨大的无形资产。突然,他想起曾经把炸鸡做法卖给犹他州的一个饭店老板。这个老板干得不错,所以又有几个饭店主也买了山德士的炸鸡作料。他们每卖1只鸡,付给山德士5美分。困境之中的山德士想,也许还有人这样做,没准这就是事业的新起点。

 

就这样,山德士上校开始了自己的第二次创业,他带着一只压力锅,一个50磅的作料桶,开着他的老福特上路了。

 

身穿白色西装,打着黑色蝴蝶结,一身南方绅士打扮的白发上校停在每一家饭店的门口,从肯塔基州到俄亥俄州,兜售炸鸡秘方,要求给老板和店员表演炸鸡。如果他们喜欢炸鸡,就卖给他们特许权,提供作料,并教他们炸制方法。

开始的时候,没有人相信他,饭店老板甚至觉得听这个怪老头胡诌简直是浪费时间。山德士的宣传工作做得很艰难,整整两年,他被拒绝了1009次,终于在第1010次走进一个饭店时,得到了一句“好吧”的回答。有了一个人,就会有第二个人,在山德士的坚持之下,他的想法终于被越来越多的人接受了。

 

 

1952年,盐湖城第一家被授权经营的肯德基餐厅建立了,这便是世界上餐饮加盟特许经营的开始。紧接着,让更多的人惊讶的是,山德士的业务像滚雪球般越滚越大。在短短5年内,他在美国及加拿大已发展了400家的连锁店。1955年山德士上校的肯德基有限公司正式成立。与此同时,他接受了科罗拉多一家电视台脱口秀节目的邀请。由于整日忙于工作,他只有找出惟一一套清洁的西装——白色的棕榈装,戴上自己多年的黑框眼镜,出现在大众面前。老资格南方上校烹制炸鸡的形象,很快就吸引了众多记者和电视主持人,70岁的山德士被吵嚷着要同他合作的人团团包围,要买特许权的餐馆代表还在蜂拥而至。为此他建起了学校,让这些餐馆老板到肯德基来学习怎样经营特许炸鸡店。

1964年,一位年仅29岁的年轻律师约翰·布朗和60岁的资本家杰克·麦塞等人组成的投资集团被山德士的事业深深打动,他们想用200万美元来购买该项事业,在当时这是笔不小的数额,虽然心中极为不舍,但考虑到自己已经74岁了,山德士还是同意了,把接下来的事业交给下一代去做。

 

 

永远的肯德基老爷爷形象


在大家的眼中,退休的山德士总该好好休息了,但是这个永不知疲倦的老人又开始了另一项工作。自从在电视上露面之后,他的打扮已经成为肯德基独一无二的注册商标,人们一看到他,就会自然想起山德士上校的传奇经历和他永远笑呵呵的样子。为此山德士经常开玩笑说:“我的微笑就是最好的商标。”虽然他出售了全部专有权,但考虑到他的巨大声誉,这些新主人专门付给山德士一笔终身工资,请他继续担任肯德基炸鸡的发言人,广泛进行宣传。

伴随着富于进取的新经营管理人员的加盟,在美国快餐业的迅速发展的大环境下,肯德基炸鸡以惊人的速度发展起来。在此后的5年里,销售额每年平均增长96%,1971年三月达到2亿美元。同年又新开了近1000分店,其中绝大多数是特许经营。

1971年,经由上校的同意,布朗和麦赛将这项潜力无穷的事业出售给休伯莱恩公司。而这时肯德基的年营业额已经超过2亿美元。虽然此后肯德基事业不断转手、变化,但特许经营的方式一直没有改变,炸鸡配料虽然越来越多,但永远都是在那个最经典的11种原料基础之上而形成的,当然,它的形象也永远都是那个一身白色西装、满头白发,戴着黑框眼镜,永远笑眯眯的山德士上校。

山德士的一生是典型的美国传奇,他干过各种各样的工作,但在40岁的时候才在餐饮业上找到了自己事业的起点,然后历经挫折,在66岁的时候又东山再起,重新创造了另一个辉煌,有了他的“特许经营”,今天的肯德基才会是全球最大的炸鸡连锁集团。

而山德士可以说为肯德基付出了毕生的心血和努力,就在他以90岁高龄辞世前不久,每年还要做长达25万英里的旅行,四处推销肯德基炸鸡。他的年龄及财富并没有影响到他对工作的热诚,他仍然孜孜不倦地经营他的事业。当人们问他为什么还那样勤奋地工作时,山德士回答说:“人们因闲散而生锈者比精疲力竭者多,如果我因闲散而生锈过,我会下地狱。”

1980年,因为白血病,山德士上校不幸逝世,享年90岁。他的遗体曾安放在州议会受人们瞻仰。虽然他离去了,但他创立的炸鸡事业给肯塔基州带来永恒的魅力,人们可以不知道美国地理上的肯塔基州,但他们不能不知道炸鸡肯德基的名字。他用一只鸡,改变了人们的饮食世界。

 

 

 

 

品牌标志的演变


 

 

 

 

1952—1977

哈兰·山德士于1930年开始运营他的山德士美食餐厅,而肯德基连锁快餐厅则于1952年才正式成立。从一开始,上校就以经典的领结、眼镜和山羊胡形象出现在LOGO之中。他从最开始的严肃形象逐步转变为笑容满面。

 

 

1977—1991

1978年,上校去世的前两年,肯德基采用了新LOGO。它包含了更为流畅的上校形象和叠加了品牌名称,其中的字母“K”与“i”被巧妙地连在了一起。

 

1991—1997

1991年,肯德基将品牌名称缩写为“KFC”,以此来避免“fried”(油炸)一词的负面影响。此外,LOGO采用了强烈的红色与现代的条纹形象相结合,上校形象则保持不变。

 

 

1997—2006

1997年,肯德基被三康餐饮集团收购,从而推出了全新的品牌形象。上校形象采用了双色阴影,显得更为活泼和突出,以略微倾斜的角度呈现在红色背景上。2002年,肯德基被转卖给百胜餐饮集团。

 

2006—至今

2006年,上校的白西装变成了红色的厨师围裙,仿佛他亲自在厨房中准备美食一样。流畅的黑色线条让上校的表情更加清晰和生动。黑色的品牌名称被放在LOGO的正下方。

 

2014—至今

最近,肯德基推出了全新的形象标识,此次推出的新标识则“脱掉”了上校的红色围裙(而这款LOGO其实早在1952年至1977年之间就有使用),或许这次肯德基是想回归初心。

 

 

 

神秘配方


 

香辣鸡翅、上校鸡块、劲脆鸡腿堡、原味鸡……美味、香酥、可口的炸鸡让人回味不尽,百吃不厌。1930年的时候,山德士用11种香料调味品配出遍及世界的肯德基。随着肯德基的不断壮大和发展,这些配方都是通过计算机进行调配,而这价值百万美元的11种调料配方放在路易维尔安全的地方,一个银行的保险柜里,不为世人所知。

山德士成功的秘诀


 

 

山德士穿梭于各城市及餐厅,经常在车中休息,靠自己的炸鸡生活,并相信他的秘密配方终有一天会得到回馈。他的毅力与信心终于给他带来了巨大的回馈!虽然山德士不曾公开他的配方,但他曾公开他的成功秘诀:
● 不放弃。


● 经常相信你自己。


● 要忍耐。


● 要持正面想法。


● 66岁再创业也不晚。


● 坦然面对第1009次失败。


● “人们因闲散而生锈者比精疲力竭者多,如果我因闲散而生锈过,我会下地狱。”

 

 


 

如果一定要用一段话来概括哈兰山德士的一生:

 

曾经有这样一个人

 

 

一生中经历了1009次失败

 

 

但他总会说

 

 

一次成功就够了

 

 

向这位有一种执着的精神,永不言弃,在逆境中越挫越勇的传奇老爷子致敬。

 

 

 


END

作者:LOGO的郝先森

来源:ZCOOL

 

排版迷之技巧–短线

打算写一系列的短小精悍的文章。切入点都是网页、ui、平面中大家经常遇到的,中阶的排版问题。
这次的选题是短线。

打算写一系列的短小精悍的文章。

 

切入点都是网页、ui、平面中大家经常遇到的,中阶的排版问题。

比如这次的选题是短线。

短线加入到排版其实最开始来于国外。

到近几年才慢慢的有国内设计师使用。

一个页面上的元素。尤其是信息类为主的设计界面上。

一定要有它出现的意义。否则徒增干扰。

但是很多朋友估计都是看到别人这么用,自己也这么用,基本上没有考虑的到底是为什么使用短线。

所以经常会有出笑话的地方。

 

如果还有不太清楚的地方,可以@我,或者评论留言。

 
ps:
昼研社全称是灰昼视觉研究社,其实没有什么特别的。
只是个系列名字。以后写教程都以这个名字发。
谢谢支持!


ece1572180826ac72538120a0b81.jpg

作者:灰昼

来源:站酷

Logo 设计中的视觉矫正

辅助线、规则和网格都是极好的,但同时,我们也需要适当运用“视觉矫正”来打破规则。是的,有时候,你的确需要忽视参考线,用眼睛来判断设计是否“看起来”遵循了网格系统。

我最早从事的设计领域是印刷设计(手册及单页等),会大量用到网格系统,它是作品专业度的关键。当我开始从事 Logo 设计时,我也随之将相同的规则运用其中,达到设计的一致性。

 

然而,有些地方似乎不太对劲儿……有时候,我的 logo 设计看起来并没有那么专业。总之,我的作品没有达到应有的标准,可却又不知是哪里出了错……我的想法应该挺不赖的,但在设计执行中却总有点问题。

 

就在这个时候,我遇见了一位 logo 设计界的大师级人物,其作品质量都是杠杠的。他指出了我作品中有关字体的问题,并建议我应当在设计中运用“视觉矫正”法则。起初,我并不知其意,但现在回想起来,那些错误真是显而易见,而现在,我也常看见其他设计师犯着与我当初相同的错误。

 

辅助线、规则和网格都是极好的,但同时,我们也需要适当运用“视觉矫正”来打破规则。是的,有时候,你的确需要忽视参考线,用眼睛来判断设计是否“看起来”遵循了网格系统(也许听起来很怪,甚至反直觉,但且听我说完,你就会觉得其实它很合理)。

 

有了这个启发,我随即发现了 logo 设计中有许多值得注意的视错觉现象。其实,很多大型品牌公司在设计标志时,都已经这些细节考虑进去了。理解到这点,帮助我的 Logo 作品上升了一个层次,以下我就来把所学所知与大家分享。

 

 

完美也许看起来并不完美(反之亦然)

 

去年,谷歌发布了新品牌标识。其中,图标 G 被用于各大社交媒体。

5c385720d0016ac72538123963e7.jpg我很喜欢谷歌的新版设计。然而,有设计师却不那么认为。这位设计师将“完美”的辅助线置于设计上,指出了一些明显的“问题”,并将其更正(见下图),可改后的结果却略有些失衡。的确,新设计的物理位置完全准确,却总感觉哪里错了,而“非完美”的原版设计却有更完美的视觉效果。

b7f15720d00f6ac72538128b6934.jpg谷歌的 G 图标是个很好的例子,我们看到了设计师是以最终视觉效果为基准,而非机械地遵照精确的网格与辅助线系统。有时候,你也需要这么做,作品质量也许就会有突破。

 

简而言之,网格系统是参考,而非规则。记得用眼睛来判断。

 

 

字体设计中的“上凸和下沉 (overshoot)” 

 

字体设计师 Tobias Frere Jones 有一个很赞的博客,里面解释了很多字体技巧。如果大家想要多多理解字体设计方面的细节问题,我力荐这个博客。今天,要分享的是其中有关字体“上凸和下沉 (overshoot)”的内容。

 

大家一起来看下面这张图片,方形和圆形并排放置,当圆形与方形在数值上是完全等高时,圆形就会显得略小……为避免这样的状况,我们需要略为增加圆形的高度,使它在视觉上看起来和方形是同等大小。这个高度的增加就被称为“字体的上凸和下沉(overshoot)”

 

3b655720d02532f875a399e42d41.jpg

图片出自:Typeface Mechanics by Tobias Frere-Jones

 

花一些时间,好好学习周围的字体……从现在开始,你就会开始看见上文所述的情况,完全停不下来……

 

 

格式塔理论

 

人类的大脑有一些神奇的功能。因为世界是如此复杂,所以我们的大脑会聪明地尝试组织各类视觉元素,将他们组成“完整个体”。在心理学中,有一个术语用来形容这个现象的,叫作格式塔。

2b955720d03832f875a3992373fb.jpg

我们可以将很多格式塔原理运用到 logo 设计中,例如:相似性、连续性、封闭、邻近、图形与背景关系原则。有兴趣了解格式塔理论详细信息的同学,推荐这篇来自 Canva 的文章。

 

我最爱的格式塔理论案例就是 WWF 的 logo 中那个熊猫图标,它利用了格式塔“封闭原则”来完成熊猫图形,事实上,那只是一些分散的元素。

 

f0e55720d0446ac72538127dcf1f.jpg格式塔理论提醒着我们,不但要考虑画面中有什么,更要考虑画面中没有出现的又有什么……(是不是很容易呢?)

 

 

放射现象

 

如果设计一款白底上的深色 logo,那么,势必也需要制出深底上的反白版本。

 

大部分人认为只需要将 logo 的颜色改为白色就大功告成了,然而,事情却并没有那么简单。你会发现一些很奇妙的状况……反白的 logo 看起来似乎更“肥”一些,颜色的对比让同一个 logo 看起来像增了肥一般!是不是很奇怪?这个错觉就叫作放射现象。

 

5b9f5720d05732f875a399effdb5.jpg幸运的是,有一个很简单的解决方法。在设计 logo 的反白版本时,可以加上细细的描边,将其扩展成图形,再用 Illustrator 的路径寻找器来把它删除。那么,具体要去除多少“重量”,就要由你的双眼来决定了。我们的终极目标是让反白版本的设计在视觉上看起来和黑色版本精确相同。

 

以上这些例子就是我在设计 logo 时会考虑到的视错觉状况。你是否有遇见过其它情况呢?一起来分享吧。

 

朵璞自译编辑,转载请注明出处。

原文来源:logogeek.uk

作者:dooplus

来源:站酷

用设计解决问题 —访小米总经理 唐沐

除了设计,设计还能干什么?一个从业十五年的老司机——小米科技、小米路由器事业部总经理唐沐先生,带你回顾中国互联网用户体验设计发展史,用新鲜案例告诉你用户体验时代来临之际,设计还能干什么。

b0b457208f1a32f875a3995f589c.jpg

 

除了设计,设计还能干什么?自2001年起,唐沐就开始在中国研究和推广用户研究和用户体验设计。在十二年的时间里,在产品设计、设计管理、视觉设计、交互设计、用户研 究等多个领域进行理论研究和设计实践。一个从业十五年的老司机,带你回顾中国互联网用户体验设计发展史,用新鲜案例告诉你用户体验时代来临之际,设计还能干什么。

在阿里UCAN大会后,小米科技、小米路由器事业部总经理唐沐先生接收媒体采访,下面,请跟随站酷网一起学习如何用创造性思维解决问题吧。

 

 

[专访人物介绍]

 

唐沐,2013年加入小米科技,任小米路由器事业部总经理,负责小米路由器的产品研发以及小米生态链产品。2016年兼任小米探索实验室负责人,带团研发小米VR产品。

 

2003—2013年间,组建腾讯用户体验设计中心。带领300人设计团队,负责腾讯100多个产品等用户体验设计,包括:QQ、电脑管家、QQMusic、QQ浏览器、QQ影音等亿级用户的互联网产品。

 

 

ac94572090f532f875a3997c780f.jpg

 

站酷网:在国内大多数人还未接触到交互设计,没有相关教育条件的情况下,你是怎么学到交互设计知识的?

 

唐沐:就是自学、琢磨。那个时候,我的生活除了工作就是睡觉,因此我有大量时间来琢磨。当时的UI设计并没有太多花哨的装饰,对做界面和UI的设计师来说,只能靠自己,因为当时没有专业的书可以看,也找不到专业的人去教你。这个时候好的作品就是你最好的学习样本。我会去看Windows,看Office,看这些外国人花很长时间做出来的东西。最后我练就对本领就是,如果设计师做了一个对话框出来,我能一眼指出他有什么问题,比如说两个框架之间离得太近,比如设计的大小有问题,这个流程这样干对不对,按纽到底是用确定还是用完成。直到现在我仍然认为,我当时培养出来的这个能力真的很有用。其实就是“熟读唐诗三百首,不会做诗也会溜”,我最早的交互设计的经验都是从那来的。

 

 

 

 

 

 

站酷网:有人认为,如今的互联网用户因挑剔而变得更加善变,你是如何解读如今的互联网用户?是否有以不变应万变的经验可以分享给大家?

 

唐沐:其实用户一直都很挑剔,只是互联网用户有更多的渠道把他们的挑剔表达出来而已。随着经济条件越来越好,用户一定会越来越挑剔,第一个原因是选项多了。以前饭都吃不饱的时候,你说让他挑剔,说我要吃江苏的米,还是吃河南的米,他没得挑,能吃上米就不错了。第二个原因就是,互联网是一个非常棒的实时沟通的渠道,而这种反馈会表达得非常及时。现在这个时代,如果一款产品的老板有微博或者有公众号的话,用户可以把遇到的问题直接发出来让那个老板知道,用户的问题会很快得到重视,大家之间是没有那么远的距离的,所以在这种情况下,我觉得最终表现出来的结果就是你会发现用户其实比以前更挑剔了,但坦白讲,只要有条件挑剔,每个人都会很挑剔。

 

我的经验就是要一直变,要快速迭代。我们知道,做互联网软件是一定要讲究快速迭代的,但现在发展到你连做硬件都需要快速迭代,你不快速迭代你就没有办法满足这么挑剔的客户。最早在做PC软件的时候,我们可能每年或者每半年发一次版本,因为那个软件是要刻在光盘上的,一批光盘压出来,可能需要卖半年或者需要卖一年,这个时候软件是很难去做更新的,那个迭代速度是非常慢的。现在互联网大家恨不得每周更新一次,甚至有些APP为了刷存在感,可能每两天就会更新一次。

 

那硬件怎么迭代,硬件里面是有软件的,所以硬件其实是通过软件迭代的,也就是说实质上迭代的还是软件,只是说我们要把这个硬件做到足够健壮,可以使得它经得起我们不断去做软件迭代的折腾。有一些很成熟的方法论,比如说我们用双系统来做硬件,升级的时候升级A系统,万一升级失败,立即启动B系统,确保系统不会变砖。甚至我们还会在AB系统之下还要再放一个小系统,也就是说A系统启动不起来,B系统也启动不来,那我还有个小系统。硬件的软件系统升级是风险非常大的一件事情,升不好就会变砖,那你就需要想很多办法,去应付频繁升级可能会带来的硬件报废的风险。

 

 

 

站酷网:你会迷恋数据吗?你认为,能让人学会看数据的最有效方法是什么?

 

唐沐:我觉得要把产品做成一个生意,不二法则就是一定要养成看数据的习惯,而且你要能看得懂数据。其实对于新人,我一直很想让他们学会看数据,但是他们总是学不会。我现在理解就是,谁痛谁驱动。数据出问题,最终板子打不到他们身上,疼的不是他们,他们就永远学不会。如果你想让一个新人学会看数据,很简单,给他一个KPI,他一定会想办法自己学会看数据。

 

 

 

站酷网:你是如何找产品痛点的?有什么方法可以分享?

 

唐沐:举个例子,开始做路由器的时候,我想找路由器的痛点,一方面,我自己必须是路由器的用户,是他的用户之后,你自己的痛点就是用户的痛点。但是坦白讲,当时我不是深度用户。在我看来,路由器的那些设置简直就是反人类的,像我这样在互联网做了十多年的人,都不太看得懂路由器的初始化引导设置过程。我相信没有多少人能看的懂,所以我就认为这是一个最大的痛点。第二,我会用工具来辅助,比如在百度知道里输入“路由器”,页面会显示一系列推荐问题,你会发现在十个推荐问题里面有七个都是路由器怎么设置,所以毋庸置疑,这一定是痛点问题,因为问的人最多。其他的问题都可以依此类推。

 

 

f83c572091bf32f875a3992f04c2.jpg

 

 

站酷网:您怎么避免简单粗暴地把用户体验强加给用户?

 

唐沐:每一个产品的第一负责人也许都会犯这种错误,就是自己想到一个功能,自己觉得挺好的,然后就做出来给用户,哪怕你是再有经验的产品定义高手,也会出这种问题。解决的方法无非就是两点,一个是快速迭代,一个就是知错就改。作为产品的第一负责人,总会要有些任性,因为你会想,这个产品我说了算,那肯定我想做什么就做什么了,而且资源比较充足的情况下,你肯定会推动这个功能做出来。做出来之后用户喜不喜欢,是会在数据上显示出来的,如果这个特性不受人欢迎的话,你下个迭代把它干掉就好,如果受人欢迎的话,你下个迭代就加强它。另外一个很重要的,就是你千万不能说因为自己是老大,就不懂装懂,出了问题还强盖着,说这个不是问题,只是用户不懂我而已,所以,知错就改很重要,就是你要承认有些东西你是不知道的。

 

 

a7af5720924232f875a399c64d86.jpg

 

 

站酷网:接手小米路由器以后,您观察到的国内的智能产品发展现状是什么样的?

 

唐沐:就是无病呻吟,为了智能而智能,为了解决问题而制造问题。你会发现,当大家不知道怎么做智能的时候,他不是去找痛点,而是去找卖点。他们不是把一个痛点解决后形成卖点,而是绕过那些痛点直接去想卖点,这样很容易走偏,就比如说给自己的硬件做一个APP,这就是智能硬件了么,我觉得这里是有问题的。

 

 

1f7e5720926332f875a399a10cf0.jpg

 

 

站酷网:迄今为止,你最满意的一款尖叫级产品是什么?你是如何打造尖叫级产品的?

 

唐沐:我觉得还是路由器,就是带硬盘那个。坦白讲,我觉得做一个硬件产品远比做一个软件产品更容易让人尖叫。但在以前做过的很多软件产品中,我觉得那些灵光一现的,比较偏细节的设计会让人拍案叫绝,也会让用户觉得很舒服。比如说,以前做过的腾讯增值的钻石会员,有红钻、蓝钻、绿钻各种钻,我们做了一个小设计:用户头像上面做了一个小“Tips”,当用户翻开好友列表时,Tips上面会出现钻石,显示他已经购买了什么钻石以及钻石等级。这个展示 会对用户造成一些冲击,那些想展示个性的青年,就会为了要展示“我是蓝钻会员,我有钱”,而去买这个钻石,也许这个钻石并不能给他的使用带来非常大的帮 助,但其实心理满足会让用户产生非常大的满足感。

 

我觉得尖叫级产品一方面会给公司带来更大的经济收益,除此之外,当你很巧妙地用设计解决了一些商业问题和用户问题的时候,个人是会有很大成就感的。

 

 

93195720918032f875a399290a8a.jpg

 

 

站酷网:小米在做生态链,你觉得小米的生态链优势在哪里?

 

唐沐:我觉得是应该是互联网。小米做硬件产品是把互联网的“方法论定义产品”的方法融到产品定义里的,我们在投资一家生态链企业的时候,会给他们提供非常全面的帮助,帮助他们定义产品。对于那些初创团队来讲,他们有技术,但他们不知道怎么跟用户打交道,不知道用户究竟想要什么样的产品,也不知道定义什么样的产品才是可能形成爆款的,因此在给他们进行资金注入的同时,我们也会帮他们定义产品,然后帮他们去寻找性价比最高的供应链。有小米的支持,这些创业公司可以拿到非常优质的资源。小米还会提供小米网的销售渠道,去帮产品上线销售。借助小米的品牌,帮助他们背书。综合这几方面去帮助一家生态链公司,他们的产品基本上就一定是爆款了。

 

 

 

站酷网:从业这么多年,你一定遇到过很多需要抉择的时刻,你是如何做抉择的?会考虑哪些因素?

 

唐沐:其实,当人到了一定年纪,财富也有一些积累的时候,会更容易去听从自己的内心去做一些选择。而在此之前的很多时候,在符合自己价值观的情况下,是要去做一些忍耐的,如果你觉得自己的忍耐能换来好的结果,即使很累,在我看来忍耐一阵子也是有价值的。之前,我带的设计师比较多,能看到一些年轻人,工作两年之后就想换一个地方,遇到一些挫折和不顺心也想换地方,我觉得这不是好的解决方法。因为你一次不坚持,就会造成后面的第二次、第三次不坚持,如果你已经养成习惯,遇到困难遇到挫折就撤的话,有可能之后任何一次选择的时候都会走错路。有的时候,你再坚持一段时间,可能看到的景象就和现在不一样了。如果遇到一些让自己很不爽的事情,你不如直接跟你的老板聊,让他去调整这件事情,你会发现很有可能你的老板会听从你的意见、会尊重你,然后给你新的选择,这样的话你是有机会在这个职场里面获得更多的资源和更好的成长的。所以说您遇到类似的问题还是要解决问题,而不要逃避问题,逃避问题就是一走了之,但是太多的问题是你逃避也没法解决的。

 

2a0e572092946ac72538123b32b2.jpg

 

 

站酷网:在团队管理方面你有哪些经验?会用什么样的方法激励他们成长?

 

唐沐:人欲即天理,我会去满足他们的欲望,我们都知道马斯洛需求理论,从下到上帮助他们一个个满足掉就好了。我觉得下属想要更多的钱,想要更高的职位是合理的,但是要通过合理的方法去获得这些,合理的方法就是指他的产出。作为领导者,下属的付出和他的回报成正比了,你才能留住一个人,你才能让他去成长。如果我跟年轻人说,你一定要成长、要有更高的要求,钱的事情你先不要跟我提,这个是不行的,因为这是基本需求。如果饭吃不上,或者说他请女朋友吃顿饭都捉襟见肘,他怎么能好好工作。需求金字塔从下往上逐步解决了,才能把一个人真正拔上来。其实很多公司都有内部的员工培训方法,但是我觉得更有效的是把人直接塞到项目里,学得最快。

 

 

 

站酷网:能创造性地解决问题很重要,你怎么培养手下的设计师,让他们具备这样的能力?

 

唐沐:我是对他们提出这样的要求,但是有人达到了,有人达不到。可能有些设计师还是比较偏知识性层面的去把一个东西做好,但是我觉得就创造性解决问题这个方面,不光是设计师自身要努力,还要领导为他们去创造一个好的环境。其实,设计师点子是比较多的,但是这些点子是不是合理,这些点子到底有没有价值,需要领导去判断,然后去告诉他们,什么样的点子才可能更符合公司的利益、符合商业利益以及符合用户利益。当一个设计师达到了要求,有了创造性解决问题的能力的时候,他需要一个环境,能够把这个创造性解决方案实施下去,这个也需要设计总监帮他解决。

 

另外,在公司工作,你需要争取权限,如果你在团队里面很不受重视,提的需求没一个人听,那我会跟他讲说,权责相当,你要想有这样的权利你就要担这个责任。作为下属,你要跟老大去要这个权利,千万不能说我坐在这里,我觉得很委屈,谁都不理我,我做的东西没人看,这个不是解决问题的方法。解决问题的方法是你找到一家符合你价值观的公司,然后在老板那里拿到足够的权利,然后开展你最擅长的事情,这样的话才更有效。

 

 

4056572092bc32f875a39941f29d.jpg

 

 

站酷网:从业十多年,从最初的设计师到现在的总经理,你对设计的理解有哪些变化?

 

唐沐:感觉范畴越来越大了,小时候觉得设计就是画画,去金山之后感觉设计就是UI,要会画图表,要会做PPT,要会做动画,会做3D。去了腾讯之后,设计就变成了视觉+交互+运营。到了小米,我对设计的看法,会拓展成为视觉、交互、运营、产品设计、工业设计、营销设计等等,设计的范畴越来越大。为什么我会说设计无所不能呢?不管在哪个领域,我发现使用创造性思维解决问题是大家共同面临的挑战。你在每个领域里面都可以用设计思维去解决问题,会解决问题的人永远是受欢迎,所以我觉得设计无所不能,我会鼓励设计师去多尝试一些和自己以前做的不一样的事情,不要把自己封闭在很狭窄的那个设计的概念里面。你如果是始终处于一个很狭窄的位置,你会发现你所从事的事情越做越小。

 

 

本文是UCAN2016系列专访。

UCAN 是阿里巴巴的年度设计盛会,聚焦用户体验设计。2016年,围绕“设计赋能商业 共创极致体验 ”的主题展开;大会由阿里集团高管、国内外知名设计专家、卓越的商家代表以及主流媒体近1200人参会;60多位阿里设计师和9位行业嘉宾奉献50多场干 货,汇集前沿的设计趋势、绝密的无线化设计经验、精彩的品牌营销案例以及快速提升商业价值的设计方法。阿里开放阿里UED设计师的专业能力以及设计平台与 设计工具,将设计赋能商业,并且集合平台商家和设计师的力量,深入挖掘体验设计的商业价值;让用户体验成为产品的核心竞争力之一。

作者:设计师专访

来源:ZCOOL

专访UG84:换位思考,理性设计

联想-ZUK团队视觉设计师
联想-绿茶浏览器项目主设
OPPO第二界手机主题设计大赛一等奖
新浪天气通第四届手机桌面插件大赛二等奖

2113571f24826ac72538124d5903.jpg

 

 

 

UG84: 换位思考,理性设计

 

 

 

李书轶先简单介绍下自己吧?UG84有什么寓意吗?

 

UG84: 大家好,我叫刘晨琛,同事们喜欢叫我Cc。目前在联想旗下ZUK做手机ROM的视觉设计。UG其实是我魔兽世界游戏人物名“优姬”的同音简写,当初注册时候由于字母太少,于是我把我的生日8月4日加在了后面。记住,我不是84年,不是84年,不是84年。重要的事情说3遍,哈哈。

 

 

李书轶从什么时候开始做UI设计?做设计是小时侯的梦想吗?

 

UG84: 大概是2011年下旬开始的,那之前还做了半年多平面,但不是很开心。正巧当时从朋友口中了解了一些UI行业相关的东西,便一个人独自背包来到上海,开始了我的UI设计生涯。做设计的确是小时候的梦想,我觉得能把兴趣作为工作是一件非常幸福的事情。我很喜欢高迪的流线形建筑,也曾经梦想成为一名建筑师或产品设计师。

 

 

李书轶设计这件事,在你的人生中占有什么样的位置呢?

 

UG84: 设计对我来说是工作也是爱好。除此之外,我也会投入大量私人时间去尝试设计一些小东西,它已成为我生活中不可或缺的一部分。

 

 

李书轶如果把一件产品比作一台戏剧,你认为GUI设计师在这个团队中应该扮演什么样的角色?具体有哪些职责?你最大的体会是什么?

 

UG84: 如果产品是一台戏剧,那么主角永远只有一个,就是用户。视觉设计师、交互设计师、产品经理等,其实都是配角。视觉层面只是GUI职责中最基本的部分,很多人认为能把界面做得足够漂亮就是一名出色的GUI设计师了。但我觉得只有了解用户期望,能换位思考,明确产品需求的目的和重点,在充分理解以上几点的基础上进行设计的设计师,才算是足够优秀的。

 

 

李书轶在合作中是否会遇到意见不一致的情况,你是如何解决的?

 

UG84: 是有的,多发生在与PM或交互的沟通当中。通常在这种情况下双方都会找论据去尝试说服对方,但如果仍不能解决,那就要以产品的整体利益出发去做判断了。比如在我们设计绿茶浏览器7.0版本的过程中,设计师这边期望减少左屏名站数量以减轻左屏杂乱的现状,但冒然减少名站位会造成公司收益的大量损失,因此最后还是保持了原有名站数量,转而从其他途径去做排版优化。

 

 

李书轶自己最满意的有哪些作品?能否谈谈当时的设计思路?

 

UG84: 比较满意的作品应该算是公司里我正在做的绿茶浏览器和之前的参赛主题《星夜》了。

我们先来说说绿茶浏览器。目前国内浏览器市场相对成熟,作为工具类软件,又很难避免同质化问题。因此,我们在绿茶的设计上还是以微创新为主,融入了很多情感化元素。比如在左屏顶部加上我们的特色,世界城市插画。辅以主题“绿茶带你看世界”与用户进行情感交流。在吸引用户下拉查看完整插画和城市建筑简介的同时,更学会了在左屏下拉的操作。发现下拉后的地址栏位置会下移,当用户单手操作手机,拇指无法点击到地址栏时,这个下拉后点击,会起到很好的帮助,带来良好的体验。又或是当网页发生错误时,会出现逗趣的错误场景插图,减少用户挫败感。日夜间模式场景切换时大雁远飞和流星划过天际,让用户身临其境等等。

 

 

 

 

3dd2571f7eb46ac725381276f895.jpg

 

 

另一套较满意的作品则是手机主题《星夜》。整套设计以“轻”为出发点,比如图标设计上,我摒弃掉常用的90度角明度渐变的方式,因为这会让图标看起来过于“稳重”,而代之以看上去更轻盈更梦幻的45度角色相渐变。去除桌面时钟的表盘外框,仅保留表针,化繁为简,使元素之间成为开放式空间,更透气。音乐锁屏中,用细线条去勾勒出旋转的唱片造型,既让用户沉浸于场景,又使界面看上去足够“轻”等等。

 

 

234a571f68ac32f875a399855a1e.jpg

 

 

李书轶你在工作中如何给产品做前期视觉风格定位?

 

UG84: 一般在做新ROM或大的改版的时候,我们可能会先看竞品,用不同维度去做一个横纵轴,比如“写实-扁平”就是一个轴向。按照竞品的现状,把他们定位在横纵轴上适合的位置,举个例子,锤子ROM就是目前竞品里写实的极端,而魅族的Flyme则是偏扁平的。竞品定位划分好以后,我们会通过调研和讨论去确定我们将要设计的ROM在这个轴向上的位置。之后,大家会分头搜集能体现定位方向的图片,通过集中汇总和筛选后,制成情绪版。并以此为指导方向进行桌面图标及典型界面的视觉风格探索。

 

 

 

 

efc3571f7f0832f875a399b5dd04.jpg

 

 

1e2d571f68fc32f875a399e138c8.jpg

 

 

李书轶看你作品中还有不少闪屏和引导页设计十分有趣,能分享下是如何构思的么?

 

UG84: 我举个例子来说,之前接到做“下载全面提速”引导页需求的时候。我希望让用看到引导页后能很直观地理解,所以我提炼出两个关键词“下载”和“速”。“下载”简单粗暴的采用符号的方式去表现,而“速”当时在本子上罗列了很多能让人联想到速度的具象物,比如闪电、火箭、飞机、流星等等等等。而难点其实如何将一个具象物和一个抽象符号自然地结合在一起,我之所已最后选择火箭是因为火箭发射时候会喷射出大量气体,气体通过下载箭头一角的反作用力将火箭发射出去,正可以巧妙地将二者结合起来。最后我又在旁边点缀了云和热气球,这两样给人的感觉是慢的,恰与主体物火箭的“快”形成鲜明对比以突出“提速”的感念。

 

 

 

455c571f7f7d32f875a399d7f249.jpg

 

 

李书轶对颜色把控是怎么做到的,有什么秘诀吗?

 

UG84: 色彩本身没有好坏之分,关键是搭配。常有人抱怨自己用的颜色“脏”,而这其实是对比产生的,几种颜色搭配得不好。比如相同层级的物体,纯度差别较大,放在一起就容易出现“脏”的问题。色彩的把控一样需要积累,主要还是多练,自然形成好的配色习惯。我一直有习惯当看到一副作品色彩很棒,就会拖进PS里查看用色在色板中的位置排布。对初学者有个小窍门,设计中先想好整体想要传达给用户的色觉感受,然后去搜一些符合你想要表达的色觉感受的图片,吸取图片上几种颜色,并查看色值在色板上的大体位置,并尝试自己调配。

 

 

李书轶常有设计师抱怨时间不够用,那你是如何管理时间和提高工作效率的?

 

UG84: 通常一个需求到手之后,我都会先去找产品或交互确认俩件事。一是确认提交时间和优先级,每个人的时间精力都是有限的,谁都不是超人。所以切记把主要精力放在重要的事情上,避免本末倒置。二是确认需求的目的,换位思考,替需求方实现目的,而不是单纯的把原型图做个美化,从而减少反复修改稿子造成的时间浪费。

 

 

李书轶你获得优秀设计资源和信息的渠道有哪些?可以跟大家分享一下吗?

 

UG84:  设计网站国外的会上Dribbble和Behance,国内的话主要是站酷和UI中国,包括一些公司UED的博客也不错,比如腾讯ISUX。书籍和杂志也是获取知识的好选择,《必然》《写给大家看的设计书》《认知与设计》《设计中的设计》等等实在太多了,我这里就不一一介绍了。

 

 

李书轶怎么看待现在的扁平化和拟物化问题,你觉得未来设计趋势会是怎样的?

 

UG84: 只能说设计的大流是拟物化到扁平化的过渡,但并不是我们现在做一些设计都要做得很扁平。扁平可以理解为是设计指导原则,是一种更优的信息展示方式,但它却不是视觉实现的唯一方式。这里“适合”很重要,视觉要与整体的体验相一致。顺应自然,切勿为了扁平而扁平或为了拟物而拟物,让用户觉得舒适才是最重要的。

 

 

 

 

4f5c571f80bb6ac7253812b6a7b1.jpg

 

 

李书轶在设计这条路上有没有要感谢的人和事,可以和大家分享下,有没有近期和远期的职业发展计划,或者人生目标?

 

UG84: 专业方面,我老大张磊常会给出一些很好的建议,他造型的创意和灰调色的运用都很棒,给我了很多设计上的启发。此外,浏览器PM吴鹏则是从产品的角度让我对设计有了更深入的思考。其实还有很多人在设计这条路上帮助过我,虽然在这里不能一一列举,但真的非常感谢他们。

近期的规划还是把设计老本行做好,觉得自己需要提升的地方还有很多很多。

 

 

cd17571f80d932f875a3999acaa6.jpg

 

 

李书轶对于新手设计师有没有什么可以传授的?

 

UG84:  设计其实真的没什么秘诀,因为大学期间学的是装饰品设计方向,所以我做UI也算是半路出家,刚毕业时候连PS、AI都不会用,只能靠自学。记得刚做这行的头两年几乎每天从下班回家到睡觉的这段时间我都会去画东西或者看书,积累到一定量的时候,有一天你会惊喜地发现你做的东西已经和从前不一样了。有的新人喜欢问老司机很多问题,却不自己动手去做,这一点很不好。多看好作品提升眼界,多用心去思考而不要想当然,多用手去画不要做行动上的矮子,你有多少付出就会有多少回报的。

 

 

be75571f811532f875a3997180ce.jpg

 

 

李书轶你对站酷是怎么看的? 对酷友有什么想说的? 

 

UG84:  非常感谢站酷提供了一个这么好的平台,让设计师们能够有这么多交流和学习的机会。每次发布作品我都会认真阅读酷友们的留言,有鼓励也有批评,甚至很多人愿意花时间留下中肯的建议,让我认识到很多自身的不足,并不断提升自己的能力,真的很谢谢大家。

作者:设计师专访

来源:站酷

超简单的壁纸设计教程(二)

教你分分钟打造高逼格手机壁纸/海报 ( 一如既往的简单暴力 )

 

a6b4571ecf5632f875a3994c3652.jpg

 

 

 

【原图】

 

 

 

 

掌握以上方法可以做出很多有意思的设计

随后我会在发出一大波“更简洁”的小作品  

 

 

6279571f05706ac7253812193ebe.jpg

 

待续…大神轻喷orz

cd7a571edb1b6ac72538121524a1.jpg

作者:AUSTEN

来源:ZCOOL