2018年6月9日

设计师进阶必备:如何培养系统思维力

对于一个设计新人来说,特别是非科班学生,在没有发现有人系统讲解设计之前,最大的困惑就是没有系统思维,不知道设计究竟是什么,能干什么,该如何做。

2018年6月9日

2018米田总结 | 用尽全力,才发现最后拼的是体力

2017年已经结束了,今年最大的感悟并不是如何赚钱,如何积累人脉或其他如何快速提升自己等。而是,不得不承认,任何工作,最后大家拼的都是体力。

HI,这是时隔很久又在这里写文。我是米田,这是一份2018米田总结感悟。

“枸杞,保温杯”,这种清爽中年的标志,离每个年轻人越来越近。自黑的玩笑话成了群嘲的狂欢,油腻的中年人,似乎也这代人焦虑的代名词。

为什么聊到这么悲伤的话题?因为不得不承认,尽管每个人都可能曾经是那个喝着冰可乐,熬着不眠夜的少年,终有一天,你还是会拿着保温杯。

诚然标题“用尽全力,才发现最后拼的是体力”。

2016年6月17日

我们追求的幸福是什么?月亮和六便士

从前有个画家,之后…
很多人看过这本书后,都会有逃离现实的想法。此书有毒,阅读请谨慎。

后面查阅资料,这本书,映射的是画家高更的一生。具体细节不会记录在此,只摘录些许令我触动的话语。当开始厌倦这个世界时看看,是一笔巨大的心理财富,以及学会直面残酷的现实。

 

2016年6月15日

泰国普吉亲子之旅

神奇的国度,神奇的人。
泰国是个神奇的地方,有着很多我们看不懂的文化。做为设计师,本来就应该多去观察不同的世界。
没有钱的时候,可以通过阅读想象;有点钱的时候,可以用双脚和双眼亲身感受不一样的世界。
创意有时候是什么?其实就是别的地方司空见惯的东西,放到你这里就觉得很不错。需要是跨界思考和整合。

2015年6月14日

台北符号-台湾社会现象面面观旅行摄影回顾

每个城市都有着他独有的面貌,像一种符号。
或,硬,或,软
或,大,或,小
或...或...

反之,一个城市中似曾相识的东西,通过设计师的眼睛重组,总能找到些特别的东西。

这也是旅途中最迷人的部分,
未知和已知如何构建出新的视觉效果。如何在纷杂的环境里提炼出最纯粹的形象。

 

 

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

Processed with VSCOcam with f2 preset

2015年6月12日

卧龙阁访谈!普通设计师的成长路径设想

1、每个设计师都有自己独特的设计风格,而作为UI设计师考虑的不仅仅是图形设计上的迥异,更是需要考虑软件操作层面的体验感,那么在您眼中UI设计师这个工作最大魅力是什么?
创造性,有点像上帝的感觉。不过又与此不同,是专门给未知世界做美容工作的上帝。
基本从事设计行业的同学都有这种感觉,除了创造性,更大的感受是变化性。这点特别像冒险家,你可能了解即将面临的环境和困难,却没办法用单一完全规律化的方法处理问题。每个时刻都是独一无二,必须有勇气和经验解决可能出现的各种情况。
感觉这两点是这个职业最大的乐趣所在,如果你喜欢玩角色扮演游戏,可能这个职业会蛮适合你的。

 

2、刚才也提到UI设计师不单单是在从事一项艺术设计,更是需要对软件用户服务,这就需要设计师与技术人员进行深入沟通表达自己的观点,而网络编程语言也成为设计师必须掌握的一项技能,在修炼成一个“多面手”的过程中,您养成了哪些工作习惯能够使您更加胜任这份工作?
多面手?一般业内喜欢称这类人为圣骑士或全线设计师,在国外,有大量这种多面手存在,国内这种朋友相对就少很多。
一般,都是以野生多面手出现为主,大量出没在创业公司内,什么都能干,但都不是很精通的样子。
如果要发展成为多面手,其一是重点发展其中一项最核心的技能,譬如你是会前端,会后台代码,会动画制作,会界面设计等的人,需要挑选一个做为你主修方向,且能达到有人愿意付费听你课的程度。其二,尽可能发展不同技能时都是围绕一个主技能延伸出来。譬如我是专攻视觉设计,以此引伸出来的相关技能可能就是设计分享,职业写作,编剧,前端制作,培训等等。

3、用户满意度是衡量一位UI设计师工作能力的一个重要标准,而您所设计的网站页面满意度一直都很高,您认为在进行网站界面设计的时候哪些因素是优先考虑的?在您做过的很多工作案例中有哪些经历给您留下了深刻的印象?
设计是双向行为,这点必须明确。满意度高的基础是在双方有愉快沟通的基础上,优先必须考虑对方想什么?为什么那样想?我能提供的服务是否匹配?
简单来说,沟通是必须第一考虑的事情,别的事情都是有这个前提上才能成立。
深刻印象,还是沟通,设计其实很简单,就是在设计一种可达成的预期性。举个例子,自己接触过最棘手的客户是政府部门。一般沟通上会出现一方过于强势和思维僵化,无论设计结果如何都会要求依照领导思路修改,哪怕结果的视觉体验很差。反过来想,其实就能明白其必然性。沟通时采用逆向思维肯定其作法再采用小创新的方式慢慢改变其思路。最终的结果是,以后处理同一部门方案时,我变成主动一方,感觉还是颇爽的事情。

 

4、在工作之余您私下还是位设计思维分享者,很多网友也都非常喜欢您所分享的内容,您觉得作为一名UI设计师,最需要具备哪些思维方式?可以用哪几个词来概括?这些思维方式对您如今的工作起到了哪些积极的推动作用?
两种思维模式最重要,即逆向思维和联想思维。前者的关键词是对位,反向和逆时针,这项能力对沟通过程十分重要,能像催化剂般解决掉一堆棘手的问题。后者的关键词是发散,跳跃和网状延伸,对创意思考帮助很大,能用有效的工具,在有限的时间内,快速生成一堆相关的词语。
如果还有精力,可以用整体(全局)思考方式,了解工作上游和下游人员的工作是如何开展。而这一点恰恰是大部分以技能谋生人最不擅长处理的领域。

 

5、“灵感”对于从事创作行业者来说是最大的工作动力,您从事UI设计多年,设计风格也始终让人感觉创意十足,能说说您的创作灵感来源于哪里吗?在职场中是否有您十分欣赏的设计师或是某一个人给您带去源源不断的新鲜感,从而影响到您的工作?
有创意的人必然是个杂学家。试着想想,当从事当前专业的人,只是以本专业的方法和案例思考时,重复率有多少?那是相当高的重复几率,因为大部分专业人士的知识结构相近,必然导致以这种方法思考产生的结果会显得平庸。
要保持足够的创意新鲜感,试着尝试跨界,多利用你感兴趣领域中的方法和案例,延伸到当前专业工作内。这种杂交般的处理手法,较容易结出特别的果实。
还有一点,要保持对世界的好奇心。多阅读长篇的书籍,可以偏向哲学,宗教,小说等非实用读物,你再回头看世界时,会惊讶发现和原来自己看到的有点不一样了。

2015年5月24日

站酷访谈!毕业设计的2次方

个人基本信息:
姓名:米田
站酷ID:米田
现职业:设计师
毕业院校:天津科技大学/广州美术学院
毕业年份:2009/2015
专业:视觉传达设计/视觉设计与传播研究
毕业作品制作用时:0.5月/???月

 

1 还记得你的毕业设计吗?为什么会做这个项目?

绝对记得,一个人毕业时刻就那么几次,印象还是很深。特别是术科的学生,毕业设计就是加冕礼,要比论文答辩重要多了。那时是在天津就读,那里是个挺有历史感的地方。在市中心还保留着很多古代风貌的建筑,人们的生活节奏比较慢,习惯逛旧货市场。印象比较深的是那边的杨柳青年画,泥人张泥塑等等,尤其是后者,会在传统图形的基础上进行创新。受此影响,毕业设计也是与图形相关的设计。
毕业设计选择的题材是鱼文化,具体为什么选择这么个主题,现在已经记不清楚了。可能自己是南方人有关吧?在北方城市生活,是不太那么容易吃到鱼这种食物。当时的导师就说,那么不如做一个与你家乡有关的设计吧,就这样好似没有目的性的做了那么一套设计。

01

 

2 你花了多少时间和精力来做毕设?有什么难忘的事情?

我试试掰着指头算算,应该是半个月的时间。毕业展一般放在临近毕业的时期,那时候做为没有找到工作的学生,会有相对很富裕的时间思考和设计。现在回想起来,这种相对无商业目的性的设计,对准设计师来说,是一段蛮享受的过程。不过也充满着危害性。当真正进入社会时,你会惊讶的发现,学校这种毕业设计的模式,会让我们进入一段时间的迷茫期。因为商业设计与学院设计有着相当大的区别,因为这种落差性,不少同学在毕业后早早结束了设计生涯。
不过,还是要感谢毕业设计,那时期能干很多很难忘的事情。特别是居然能对画面中的一个“点”调整几天的时间,放到现在的工作中,基本是不可想象的事情。那时期干了很多类似的蠢事,才有机会让自己了解到时间的宝贵,和设计效率的重要性。

3 你给自己的毕业设计打多少分?现在如果再来一遍,你会做得比之前好吗?

61分。虽然那时候这个作品拿了优秀毕业设计,不过从现在的角度看,这个是个无目的性的设计,当它的目的性不明确的情况下,设计就没有价值。充其量只是套上一层相对美丽的外衣。
如果现在做的话,或许会做的更好。如果做的没以前好,那真的说明自己没任何进步了。就像很多朋友问,如何知道自己是否水平有所提高。那么就是当你再回顾几年前,甚至几个月前作品时,对自己当时有种鄙视的感觉。那至少说明你的眼界高了许多,眼界是手艺提高的前提。

4 你还记得你们学院的毕业展吗?有什么让你印象深刻?

还记得,那时候是学院的展厅兼课室办的展览。学院毕业生很多,约莫在400人左右的样子,人均展线1米左右,整体显得特别挤。
印象最深刻是上铺的哥们,毕业设计直接买了3幅空白的卷轴为背景海报,美其名曰现代艺术。前景展示包装作品是一堆设计极其恶心的牛奶包装盒,看上去粗糙极了。那时候大家都以为他毕不了业了,哈哈,真替他捏了把汗。最后,结局肯定是大团圆了,而且现在他自己经营的一家设计公司在当地还有声有色,旗下一堆厉害的设计师。所以,反过来看,起点什么的真不重要,能认清楚自己的角色定位才是最重要。什么是自己擅长,什么是不擅长的很重要。

5 毕业的时候有后悔的事情吗?你觉得你为青春交了满意的答卷了吗?

在朋友圈看到了这么一句话:“每一个你讨厌的现在,都有一个你不努力的曾经。”放在这里感觉最合适不过了。
青春,算满意吧。虽然在一个不算特别厉害的大学,但是能认识到一群纯粹的哥们姐们(北方的孩子喜欢这么称呼),能在一个与世隔绝的地方闭关4年(位置偏僻交通不便),单纯过着宿舍——图书馆——课室的这种三点一线生活,啃着3块一碗的拉面,捡着路边的易拉罐换点零花钱(4年下来也就攒了200多元的样子)。拿过奖学金,网吧通过宵,学业挂过科,在火车上站过25小时以上,你能想到的青春蠢事都发生过。

对于术科学生,想必大学期间最令人难忘的就是采风和看展。采风就是到全国各地穷游旅行(官方说法是速写和色彩绘画),没经历过这个阶段似乎不能说是读过艺术设计类专业。像宏村,千户苗寨,凤凰等地,想必每年的9月左右,都能看到一波接一波来自全国艺术类的学生,蹲着马扎,架起画板,在村头巷尾涂涂画画。看展,尤其是每一年的美院毕业展,是必去朝圣的地方。自己那会在天津,天美、央美、清美在读书的四年基本没落过。或许是种情节吧,对专业的热爱吧,反正说的不是特别清楚。

采风和看展确实是青春时期最令人难忘的东西。

gra01

 

 

前面是大家共有的问题,你的情况比较特殊,所以我们补充两个问题。

1 研究生的毕业设计在做什么?为什么做这个项目呢?

毕业设计做什么其实不是特别重点的东西,这和本科阶段有很大不同。所以大家看到研究生做的东西往往不那么精彩。那么这个东西读什么?简单来说,是读如何用系统化的思维提出问题和解决问题,过程比结果更重要。
我自己研究的课题广府小吃的视觉传播,由于传统企业自身网络水平和设计知识所限,它们慢慢淡出人们的视野。特别是网络的出现,给予店主选择的网络宣传平台越来越多,在图片使用上,却很少能基于传统店铺宣传考虑的应用。所以做了一套服务于此类商家的应用,以广府小吃为视觉核心,通过文字、形状、颜色、背景等预先设定的符合其特点的设计元素,以傻瓜化的方式快速生成的优雅富有特色的图片,并且能快速分发到各网络平台,符合其规定图片的标准。
其中一点是通过网络流行的颜文字和符号表情,特别挑选了10件名小吃的名称进行再设计。结合传统和现代的表现形式,以更为趣味的形象吸引年轻消费群体的关注。

1432474952_thumb.jpeg

与上图最终相比,自己感受最深的是整个过程。算下来提案的PPT都基本超过了100页,阅读和整理的文字有60万字以上,硬盘里躺着的资料都有20G的样子。而且能表态到有人问你相关主题时,你问快速的说出其是什么、在哪里、核心卖点以及国内外相关例子等等数据。

通过这个过程,你发现设计其实特别像创始公司的创业路演。美观的东西往往不是核心,如何找到产品的竞争店才是最为关键的部分。

gra02

 

2 研究生毕业设计和本科生的毕业设计有什么区别?

做为一个已经从事5年工作的设计师,本想着能够轻轻松松完成毕业设计。但是,在实际研究过程中,原来认识的东西是如此陌生,以至于刚开始的阶段走了不少冤枉路。
如果简单用三组关键短语描述这两年的过程,我认为是这些话,“为90%的人设计”、“商业模式的0和1”和“568天的积累”。
一、为90%的人设计-社会职责
以前,自己认为的设计只有两种模式,商业设计和个人设计,两者出发点其实都是相同,满足某种群体对实用和美的诉求。通过这两年对课题的研究以及导师的指点,发现自己想的范围太窄了,只是停留在为少部分人设计的程度。对于大部分需要设计,却支付不了费用的人而言,自己服务的领域显然覆盖不了。做为设计师,似乎需要花费更多时间思考你在社会的责任。这是有别于商业设计,也不是个人任性的行为。
现在,确实越来越多人投入到这个领域,在社会设计中能创造更多有用的价值,无论对受帮助方,还是设计师本人,都能以一个新的角度让世界变得美好一点点。
二、商业模式的0和1-未曾想过的问题
在和导师的多次沟通中,反复被问到最多的问题就是你的设计解决了什么问题。客户是谁?自己得到什么?商业模式是怎样?整个过程下来,感觉整个项目就是一个完整的商业计划书。以前,很少考虑这方面的问题,思考更多的是如何将视觉做的更有创意和美感。具体设计背后的生态链甚少涉足。通过研究生阶段的学习,会更关注设计源头的问题。自己也着手开始利用这种思维模式孵化项目。同时,经过这样的高强度思考,过程显得比结果更重要了。
三、568天的积累-收获的细节
两年的学习时间虽然很短,但是,能得到王绍强教授精辟的点拨,以及看到学院其他教授的研究成果,这些零碎的片段却对自己有很多启发。
为了研究课题,零散利用业余时间收集整理了494篇文章,阅读了52篇学位论文和41本相关书籍。初始阶段,很难想象最后的成果会呈现一种什么样的状态,只是随心的归纳。发散了很多不切实际的想法,能深刻了解项目真正从构思到实现过程的不容易。
总结,就像老师曾说的一句话“不怕学生功底不好,就怕心不在此”。谨以此话告诉自己每个项目都要将态度摆正。过程是很丰富,结果很简练,反复问自己做这样的东西价值是什么。研究生毕业设计最大的不同,是在某个方向积累了大量的素材,虽然它们不能全部在展品上呈现,但是却能从两者收集整理的素材上看到巨大的不同。

 

 

1432473847_full.jpeg

最后,以一组图表解释本科毕业设计和研究生毕业设计的差异。如果只能用一句话表达,那就是“前者活跃灵动的自由设计;后者严密逻辑带来的设计结果”

 

 

2015年1月14日

泰国表情,甲米海岸线神奇之旅进行时

 甲米是个神奇的地方,充满不同的脸。黑的,半黑的,带些雀斑,布满皱纹,我很喜欢观察人脸,那里能诉说一个人的故事。哪怕他不说话,从言谈举止便能看到每个人大致真实后的背影。
旅行更是掌握新创造力的方式,想象自己如果成为对面那个人,你的人生或许就不一样了。路不止一条,看多了,自然看东西就淡了

2015年1月6日

研究课题!无名蛋挞调研+味道可视化

研究生课题,整个进程变动了很多的小细节后,这个阶段就变成了这样。

不记得这是第几版了,回顾过去1年多的学习生涯,每个月都要去做这么一个课题。和小吃有关,和广州有关。

 

从开始稚嫩的想法到现在整体思路的梳理,整体感觉是自己到了另一个层次。

最明显的变化是,当年拿起笔,写了个大纲就不知道怎么写下去,现在写东西,知道从哪里找到资料,哪里能得到答案。

 

具体,得到的技能如下:

 

  • 快速搜索定位资料的能力,国内外通杀
  • 对英文资料的不抗拒,能完整的读下来国外的报告
  • 从小到大思路的矫正和修复,定位出一条不是太多人走过的路

 

其实味道可视化,并不是没人在做。基本还是通过物理和化学层面做研究,对视觉图形的生成并没有多少涉足。这是翻阅了不少国内的论文库得到的答案,国外的部分暂时没有入手。想必会有这方面的资料,相比之下,这个阶段后半部分的研究均出自于国外的研究资料。能说明实际情况,就不展开讨论,待真正有实际成果出来后,会写写这方面的感想和经验。

 

画册封面封底-01.jpg
调研画册(转曲)-01.jpg调研画册(转曲)-02.jpg调研画册(转曲)-03.jpg调研画册(转曲)-04.jpg调研画册(转曲)-05.jpg调研画册(转曲)-06.jpg调研画册(转曲)-07.jpg调研画册(转曲)-08.jpg调研画册(转曲)-09.jpg调研画册(转曲)-10.jpg调研画册(转曲)-11.jpg调研画册(转曲)-12.jpg调研画册(转曲)-13.jpg

画册封面封底-02.jpg调研画册(转曲)-14.jpg调研画册(转曲)-15.jpg调研画册(转曲)-16.jpg调研画册(转曲)-17.jpg调研画册(转曲)-18.jpg调研画册(转曲)-19.jpg调研画册(转曲)-20.jpg调研画册(转曲)-21.jpg调研画册(转曲)-22.jpg调研画册(转曲)-23.jpg调研画册(转曲)-24.jpg调研画册(转曲)-25.jpg调研画册(转曲)-26.jpg调研画册(转曲)-27.jpg调研画册(转曲)-28.jpg调研画册(转曲)-29.jpg调研画册(转曲)-30.jpg调研画册(转曲)-31.jpg调研画册(转曲)-32.jpg调研画册(转曲)-33.jpg调研画册(转曲)-34.jpg
调研画册(转曲)-35.jpg调研画册(转曲)-36.jpg调研画册(转曲)-37.jpg调研画册(转曲)-38.jpg调研画册(转曲)-39.jpg调研画册(转曲)-40.jpg

2015年1月1日

2014米田年度总结,做有感觉的自己

每年的年底都有总结习惯,这个习惯已经坚持了第五年。当持续做一件事情,回头再看时,总是很令人感到惊讶。自己都会不自觉发现原来一年内做过那么多东西。

在展开话题的时候,不妨问问自己,“今年是否坚持某种事情或活动能到达20次以上的程度?”同时,不妨想一想,除了工作外,是否还保存有其他的兴趣?
对于我自己,感触最深的是,两点东西的领悟。

第一、你不只一种可能”

有数据显示,90后的生活状态会与70和80后有极大的不同。具体表现为对日常普通事务的态度有截然不同的反应。
举个最简单的例子。

70后-只要踏实认真做,这件事就挺好

大部分觉得一辈子在相同的领域做事情是理所当然的事情。甚至会在某个单位呆上一辈子的时间。而这代人应该是最幸福的一代人,基本好节点都被赶上了。

80后-别人说那件事情很酷

活在新时期下的第一代国人,接受了比以往多的多的信息。具体参考改革开放前后的变化,看过很多原来世界外的世界,知道很多事情。幸福与矛盾的混合体,会觉得别人做的事情都很酷,自己却不太敢做相似的东西。

90后-我认为这件事情很酷

思维里以我为中心,不太介意外人的目光。曾经看过好奇心日报里有篇文章《你不用一辈子只做一样东西》。确实能清楚标示出这个时代人的特点。所以,你会看到媒体充斥着某某90后怎么怎么样的标题,只要我认为这很酷,这就足够了。
曾经看过有个90后的公司,名字叫扑通。问为什么是这个名字的时候,创始人说:“因为我们做的东西太屌太酷了,客户看了直接扑通一下,直接跪倒。

对于可能性,还有一组印象特别深刻的东西。

关键字,日本、爱好、职业、业余。简单用三套图的方式表达相同一个人的不同状态。我被他们的生活震撼了,特别迷醉。

图片来源:图|Koji Takiguchi

大部分人,可能生活就是像上图一样。
不过真的每个人都有必要是这样么?答案是否定,特别是下面呈现的生活状态,三个字形容,怪、神、变。

设计师跨界例子
如果单纯回到设计师的话题,有不少类似的例子。譬如...

第二、最重要的改变!如何做选择题

选择是种智慧,特别是已经迈入或即将迈入社会的朋友们,想必在自己的路上都做了不少的选择。当能力值越高时,摆在面前的道路也更高。有句话说的很好,有时候成功并不是靠勤奋,可能只是你选择对了方向。
那么,问题来了,怎么做选择题呢?简单分为两个步骤:

  • 确定重要的
  • 排除多余的

针对不同领域不同工作和不同生活的个人,我们会讨论很多适合于这两个步骤的方法,但是,我们一定会返回到最基本的两点:选择最重要的,让其他一切不重要的给它让路。 我的回答是:摆脱束缚,只把注意力放在最重要的事情上!将选择的选项放到最重要的维度看,是否对这件事的实现有帮助,幅度有多大。那么,选择自然就容易,也明白该放弃的是什么。 Snip20150101_8

少的力量,不是越多可能就越好

上文已经谈过,你应该不止有一种可能。但是,有个前提其实并没有提及。那就是真的越多越好么?相信大家肯定知道这并不是最好的方法。
其实,我理解应该是这样

  • 多可能(选择面尽可能多,最好有跨界的可能)
  • 少分心(每次只集中于一个唯一的目标,将它变成习惯)

没错,生命的目标不是提高效率,然后省下时间去做更多的事;相反地,增加工作效率是为了更完满地享受生活。
当挑战来临,就集中精力和注意力,我准能成功地跨越面前的一切堡垒。并且同一时间我只专注于一个目标(我的“唯一目标”)而不是想着立即去完成所有的事情。

第三、那么,属于你的2014感悟(总结)是什么?有感觉么?

我就已经做到:

  • 1、坚持做线上分享,今年做到了线下分享。
    2、作为二本学校的学生,能得到很多大牛的认可(拜第一点所赐)。
    3、 养成早起的习惯,每天坚持做到6:30起来发公众号“主动设计”的文章,已经是有296天了。
    4、利用番茄工作法,生活有秩序且有效率。
    5、每天能坚持3-4天慢跑。
    6、利用断舍离整理物理和心理空间,简化生活。
    7、成功独立创作完成第一本书籍。
    8、成功弄出第一个个人网站。
    9、通过吸引力法则,认识比以往时期都多的奇形怪状的人和事。
    10、做了以上这些与工作无关的事情外,还抽出时间照顾刚出生的女儿。

我自己

我做了些什么?
从业快5年,分享了259篇东西。少年变成大叔,很庆幸我还没有特别讨厌设计。感谢大家一路的支持、批评和调戏……^_^
这段时间线下活动,被问得最多的问题是
"你有那么多时间弄这么多东西么?"
我往往回答是,如果你热爱一件东西,你会不知不觉花费很多时间在上面。可能会忘记时间,当然一定要提醒朋友们注意劳逸结合,身体健康。
每次分享我应该要说“抛开任何问题,健康永远排在第一位”.

设计师

做为创意者,我该如何回答技术进步快速的问题?

网友:
我看到师兄的设计水平最近一年有了质的飞跃,大大超越了2,3年前,我想问问师兄是怎么做到的呢,中间肯定也有很多故事吧!令我崇拜的师兄可以分享一点吗!

我: 没有说特别的东西,唯一特别是,我写文章的频次高了很多。从原来一个月一次,到差不多每天都写。因为要写,每次做东西可能会更用心一点。唯一的解释可能就是如此。因为要说出来给别人听,自己做的每一步都会很仔细的思考~ 其实对着快速进步的问题,我以前总能找到千奇百怪的方法告诉你怎么做。但是,自从我看过一个前辈做的东西后,感觉我那种方法只是小皮毛。
他的方法类似与三维解释,往往我们做的是二维解释。所以看到差距了吧,凭什么说他牛,是因为他是对整个领域只是知识点的贯穿式分析,具体方法如下图。当具体用到某种类别是自然能很轻松的回答那些细碎的问题。 以下这段是他对这个东西的解析。

从旅行到《城市中国》,via:姜珺
我是一个旅行者。我的旅行大概分两段,一段是我办《城市中国》杂志之前,大概在2001年到2004年之间,跑了国内一两百个城市;另一段是2010年从《城市中国》引退以后,开始有更多时间在国外旅行,迄今为止已去往近五大洲近六十个国家。应该说,大部分新鲜的旅行还是属于陈丹青先生所说的“无知的游历”,一则是因为我对城市问题的兴趣,二则是希望能通过游历来答疑解惑。走完这些城市以后,光拍摄到的照片就有上百万张,因而需要解决一个问题,如何把海量的城市信息整合起来?最后我决定按照一种统一的框架来检索,也就是说把每个城市的主题按照这张图解里的几大功能类型及其关键词来归纳。最终的结果是每一个关键词的背后都有上百个城市关于同一关键词的材料,比如“博物馆”,点击进去就会出现上百个博物馆,这样你就可以对不同城市的博物馆进行比较。这个整合过程比材料本身更为重要。
关键词整合的结果是最终形成了一种有关城市空间的结构,我们可以把这种结构与1933年的《雅典宪章》[1]进行比较,它把城市分为生产生活消费交通和行政几大功能分区,而我在这个图解里面所做的工作也大致如此,区别在于我不仅将这个图解应用于城市,也应用在具有一定自治能力和社会生态的村庄、社区和微型国家,这样就涉及到了我在中国馆策展中强调的“分形”概念,也是对《雅典宪章》的一种修正,这部分我之后还会提到。

以上部分虽然和设计无关,但是看过三体的朋友,你会明白蚂蚁看东西是二维,人类看东西是三维,你能保证没有更高维度的世界么?这好比你是设计师,如果只盯着设计师看,可能永远只是用蚂蚁的视角看世界。那么人类的视角,甚至更高生命体的视角呢?

写作者

做为作者,基本不赚钱的写作带给我什么?

创作本身很苦闷,如果谁说有趣极了,估计我要马上蹦起来反驳。
一开始,我确实认为创作,尤其这类型长周期的活动很有趣。细分到每个环节,每章节每章节的书写和绘制是极其痛苦的事情。过程是琐碎繁杂,曾经有多次想放弃的冲动。
很庆幸坚持下来,也变成你看到的这么一个东西。
从个人角度,其实并不是特别满意。或许就是上面所说,通过收集素材和整理思维,发现有更多的可能,还有更多比你做的好的事物。

提笔写这个应该早已写完的设计总结时,才发现,原来整理这么多资料。很多朋友问我该怎么提高设计水平,我觉得定期总结这类型的项目。是一种十分棒的自我提升手段。
当3.01g的容量和1053个文件摆在你面前时,再回首那段时光。能亲切的感受到里面的温度,就像一壶盛满热开水的水瓶,散发着暖暖的气味。

分享人

做为分享者,每次做的不同,是对自己的尊重

感谢大家,让我觉得自己做的事情是有意义。刚开始分享,只是希望找个地方记录些应该留下点记录的地方。最后,发现这东西能够让人对待设计时,能够以更高更好更严格的标准要求。(做的太烂都没脸见人了......)
感恩一直在鼓励的网友,更要感谢提出残酷批评意见的朋友(你们是真爱)。还有服务过的两间公司的小伙伴。
设计是一个很难单兵作战能完成的工作,你们都很棒~很专业~

线上:为什么做一个公众号

用最简单的话回答,应该是强迫自己收集整理创意的地方。通过一年分享下来的236个案例,自己的眼界高了很多,对周围的事物敏感许多。因为一有空闲就会想这么个问题,今天推送什么?前期一般需要看超过30篇东西,再挑选出1——2个,配上自己的小感想,每天6:30左右推送,才能完成整个的过程。
看似很容易的事情,其实坚持下来真心不容易。

线下:提高品味的硬性手段

  • 优设分享

  • 站酷分享

  • 庞门正道分享

  • 学校分享
    在广州的几个高校同样有类似的线下分享,让我意想不到的是,现在设计的热度居然那么高。除了设计师和爱好者,不少朋友还是来自于千奇百怪的行业,太令人感动了。

学习者

做为学生,我应该做一幅大脑图

如何你了解程序员,你会发现他们有张这样的脑图,说明要完成全部的程序员技能所需要的具体技能点是什么。同时,随着科技的发展,这张图的范围会变得越来越大。

 

(图片内容是在MOOC上的数据科学家养成计划路线图)
其实,换成设计师也是如此。设计的范围会越来越大,需要学习的部分会越来越多。与学得多相比,懂得如何选择具体的路线更重要。这或许是任何学习者,无论你在校还是在职或者退休的同学,都需要面对的问题。这也是我为什么在业余时间,选择重新返校的原因之一。在前辈们引导下,需要知道具体选择哪一条路线是适合自己。

这段时间做的PPT是过去5年总量的1倍有余

每次见面,总是需要展示这段时间的研究成果。最常用的方法是将东西整理放到PPT里,每次约莫准备30页PPT,一年下来也有大概300页左右的储备量。
而我自己觉得这是一种整理自身方向的好办法。当你自己都说不清楚自己的东西是什么的时候,别太期望别人都懂你在干什么,那或许只是你脑海里一个不太实际的幻想罢了。

这段时间思考的东西是过去的2倍

能看出设计除设计本身外,还有很多很多的可能性。导师从来不会关心我们具体的专业水平如何。他很自信,相信你跟着他的方法,水平肯定是没问题。唯一关心的是,你的魂是不是在每次的教学课堂里。
虽然见面的机会不多,但是每次见到总有新的想法,他每次都能带来些新的思维。要求很纯粹,希望我们做多点关于基于社会公益和创新的案例。
聪明人不仅是学习成绩优异,更重要的是有独到的学习方法。他们学完会把相关的知识进行总结归纳,不像大多数学生凭记忆来求取好成绩.
聪明的学生追求的是把知识串联起来构成一幅大的画面。这也就是我所说的知识整合法。把学过的知识画出一幅全景图,建立起一个知识体系框架,即体系学习法.

艺术专业,我们真的要拼天赋么?

当你决定去学一样东西的时候,你已经超过了大部分人,因为他们根本懒得学。当你坚持去学一样东西的时候,你每坚持一天,就超越了一大票在这个领域的人,当然,你每懈怠一天,又有一票人超越了你。如果你在学习和工作的过程中,善于归纳和总结,有意识不断否定自己,不断发现自己之前的缺漏,你就又超越了很多与你有同等工作经验和学习时间的人。如果你掌握了一些正确的方法,思路,以及有了正确的价值观和判断力,你就再超越了那些闷头学习和工作的人,走到这个领域的前列。

粑粑

做为设计师,我给女儿的礼物

在女儿出生前画了这么一组东西,尤其是做视觉的同学。有些东西要明白,不一定是用金钱能换回来,同样,你可以通过你的技能产生些有趣的礼物。(这个东西还真不容易买到) Snip20141231_201Snip20141231_6Snip20141231_7Snip20141231_4Snip20141231_5

总结!

对于选择,其实并没有对错。对于大部分人来说,无论选择哪一条路,只要不是活得非常非常好,就会后悔。很多人只是羡慕成功者,却没有看到失败者。至少我们不会崇拜他们。当然成功可以成为英雄,其实失败了也不要紧,因为起码你已经是个挑战者。
最后想引述一段今年看过最值得回味的文字,结束2014。

<贡献和回报>via:王建硕
打个比方,一个作家,可以关注自己写的稿子的质量(就是自己的贡献),也可以关注自己的稿酬。只对自己稿酬感兴趣的,却不关心如何提高自己写的文章的质量,他会是一个越来越失败的作家。相反的,如果把所有激情投入提高自己的文章质量,而不关心稿酬的话,他才可能成为伟大的作家。

再见,2014
加油,2015

2014年9月4日

做一个本土环保袋?

wpid-d421ad1bc0f781a076db863cafee02b1_1697507.png

 

某天,接到这么一个任务。麻烦给我们做一个不一样的环保袋。
ok,需求方挺nice。我知道我能实现很多想法,唯一对方的要求是与以往不同。当然创意点是大家一起讨论出来,总共是三人的脑爆小分队。
整个项目是最终成型的

前期讨论!勾勒一个印象

这个过程其实蛮具体,能通过嘴巴就描绘出大致的方向。这个是什么感觉?就是能通过简单的图片和手绘便能使大家对这件事有共识。
不知道是不是每个团队都是这样,至少这里的需求方能明白设计师究竟在干什么。

两点限制:

  • 成本和工艺原因,只能用单色(双色),不能出现渐变和肌理
  • 有三个款式(ps:我建议是三种完全不同的方向)

你需要的是,通过你看过的东西,描绘一个简单的手绘图形即可。要达成一个目标,即做一个有本土特点,一眼就能看出这东西出处的文化包。

(我拿出业余时间做的小吃文化研究案例)
平时的积累能重要,关键时刻,它总能救你一命。亦或者能间接刺激你的头脑。

中期!三个不同感觉的初稿

就像第一步所说,其实其中有一款已经顺利完成(这是需要鼓掌庆贺的节奏),其实我们要做是剩下的两款。
这里省略思考和讨论的过程.........
大家一起脑爆后,策划哥整理出如下文字
(图)

a款!很热闹的茶楼

策划哥想到东西比较复杂,尼玛我只有一天时间设计。全部重新绘制成本太高,且自己没自信做的比较好。
这时候,想想是不是有其他替代办法。利用某个图形涵盖这个复杂的概念。其花纹可能隐含很多人的感觉即可。

b款!上下班日和粤语神兽

初期设想,它是时间轴。圆的或者竖直的模样。从形式上没有任何问题,问题在于这种形式和本土的关系不太大。那种格式更像一种严谨的图表形式,缺乏一点点情怀。
情怀这个词特别棒,基本我们说设计,以往说做的是有文化感,现在直接上情怀。(设计师记得要与时俱进哈~哈哈哈O(∩_∩)O哈哈哈~)
这时候联想到之前曾经看到的格子广告,就是每年毕业展总能看到的类似“牛皮癣小广告”作品。将其变形,每个格子不就是类似一个时间段么?

pack01

 

c款!早茶必见的点餐单

如果你来过广东,必然要去喝早茶。这里的早茶不是单单喝茶的意思,是指的是吃一顿以小点心为主的早饭。广东人习惯将这种生活成为“一盅两件”,即一个茶壶两份点心(主食)。
在传统茶楼,每拿一款点心,服务员都会自觉在这份点餐单盖上圆圆的戳,每个戳都带有特定的数字。

 

以这个为设计点,还是蛮符合本地化的特点。因为很少见其他的地区有这么一个行为。也算是在生活中寻找到一丝创意的灵感。

 

收尾!提案和适配性设计

每个设计都不是仅仅有表面看到这么简单,除了袋子本身,还需要考虑如何展示更容易理解,如何说服决策客户,如何满足不同设备观看的效果。

提案

不是每个项目都需要准备这个,当这个任务很重要时。告诉对方自己的构思想法,力推自己的主力方案都很重要。
譬如这个案子,自己是用了20多页的ppt展示设计过程。分别从情调,数据和本土三个客观方面呈现。

 

最后从大范围的推广时,得到的数据也是与预期的结果很接近。小伙伴一定要多利用数据去说服对方,不是从主观上,譬如我喜欢,我觉得这个好。没有普遍性,很多时候设计并不成立。
列举其中一个数据调研,其实我们做的很屌丝。只是通过三人讨论组投票,部门群投票和同事的朋友问询得到摸底数据。

 

页面设计

NO.1

粤语教兽系

印象中,密集的房屋里挤满熟悉的邻居
印象中,还在阅读方块状的小新闻
印象中,还记得第一次教授粤语发音的发笑事
或许,这个包包就隐藏着那股熟悉的气息
NO.2

好味又大份

一个茶壶,两个蒸笼点心
构成广东生活的一部分
好吃,便宜,有大份
形成一种独一无二的市井文化
NO.3

雷侯,得闲饮茶

你好,得闲饮茶
是广东地区一句标准的问候语
或许只是客套话,却散发一种轻松的感觉
点餐卡上的小小印戳,就是这么一种文化的缩影

题外话!提案神器——白板

更好的设计图讨论工具。简单,实时,高效。
这是这款工具的宣传语。简单点,就是一款方便在线讨论设计稿的网页应用。你可以邀请你的小伙伴和客户加入一起指点你的设计方案。比单纯通过qq传图直观点。
(由于是新工具,很多不完善的地方,完美主义者请自觉绕开) https://bearyboard.com/

环保袋脑爆小分队:胡灵、永健、米田(排名不分先后╭(╯3╰)╮)

 

2014年9月1日

第1本书的设计3重奏

米田说

设计是件很开心的事情,尤其做自己喜欢的设计。 这本书很特别,设计师是我,作者也是我。服务方和客户都是同一人,免不了会陷入误区,什么是好的? 如果仅仅以自己的角度看,第一版就足够了

确实它也放在那里长达两个月之久,没有进行过任何改动。

设计师是一种很喜欢迷恋自己作品的动物,没有外来的刺激,可能就裹步不前了。因为可能会觉得做到这个程度已经足够。 当现在反过来再看它,发现其实挺幼稚,挺不成熟。以一个前辈的说法是“眼界不够宽。”

创作本身很苦闷,如果谁说有趣极了,估计我要马上蹦起来反驳。 一开始,我确实认为创作,尤其这类型长周期的活动很有趣。细分到每个环节,每章节每章节的书写和绘制是极其痛苦的事情。过程是琐碎繁杂,曾经有多次想放弃的冲动。 很庆幸坚持下来,也变成你看到的这么一个东西。 从个人角度,其实并不是特别满意。或许就是上面所说,通过收集素材和整理思维,发现有更多的可做的好的事物。

提笔写这个应该早已写完的设计总结时,才发现,原来整理这么多资料。很多朋友问我该怎么提高设计水平,我觉得定期总结这类型的项目。是一种十分棒的自我提升手段。

当3.01g的容量和1053个文件摆在你面前时,再回首那段时光。能亲切的感受到里面的温度,就像一壶盛满热开水的水瓶,散发着暖暖的气味。

(以下的作品都是写这篇创作思维时的版本)

第一版!叠加的过程4重奏

本来应该放上手稿,发现好像再也找不到那批手稿。太可惜了,感觉手稿有时候真的比最终稿有用多了。那是一种最原始的状态,也是任何事情的起点。 就像人是从一条小小的蛋白质衍生出来,那个点丢了,似乎魂就没了。 刚开始设想的时候,只是简单将其划分为4个大章节,像叠加效果一样,每一层叠起来就是完整的设计流程。其实要表达就是这么一种含义。

第二版!有熟悉的味道

中途,对接的编辑换人了。给我留个疑问:“感觉不太明确”从业余读者的角度看这本书,确实表现的形式有点抽象。如果我不解释,估计没人能理解我的想法。 好,那么改。这时候已经距离上一版整整一个多月。 这次创意应该更接地气,利用设计师最常见的“透明网格”(只要常和photoshop打交道肯定偷偷的傻笑)为创意点,辅助以常见的设计素材图形,企图引发某种共鸣。 不过给很多朋友看过以后纷纷表示“是不是太复杂了?”

第三版!共同的超级符号

因为有上面复杂的暗示,就到了这稿。 自己特意用了一天寻访了在广州能找到外文书的书店。为什么是外文书,因为大部分的国外书籍都能以很简洁的图形表达意思。我想,我应该要寻找到这么一种符号。仔细观察,其实发现书名的形容词“主动”特别有符号感。 如果问问大家什么是主动。 或许儿时的记忆能够给与我们答案。 但凡老师提问时,台下的同学谁能举手发言,都会被视为主动发言。有没有想象到那个感觉。而且还有那个大大的对勾,也是有类似的心理暗示。随后的过程就显得很自然。 利用思考的结果寻找对应的事物,并有序的组合起来。这里,自己还想小小的尝试一下利用简单的手绘表示每个章节的含义。 对于自己,这是一种新尝试。我从来对自己的卡通绘制能力没有任何的自信,不过我觉得我能做好。 就如同写文字。我还记得我第一篇网络文章只写了这么几个字“今天天气真好”这是一本与众不同的设计书,让你的工作更高效。 是否常常觉得设计没有方向?长时间水平没有提高?工作没有成就感?不是你没有能力,也不是没上进心,而是少了一点设计思考方法。 本书提供完整的设计流程思考术,理论与实例相结合。 为你理清楚高效清晰的一线设计流程,绝对让你有一种:“哇,大爱,赞一个”的感觉。 家有没有一种被恶心到的感觉。 其实这是今年出版的书籍《主动的ui设计师》

关于这本书和背后的人:

品名: 米田(潘绍章)

生产地址: 多家媒体混合出品,现存放于腾讯大粤网 广州美术学院研究生在读 长期出没在站酷、优设、花瓣、点点等地

配料: 视觉设计40g,用户体验30g,经验分享31g

简介: 米田和大家一样,是名普通的设计师,做着相似的视觉设计工作。范围涉及网页设计,移动界面设计以及前端制作。由于一直从事一线工作,或许自己的经验更贴近大部分设计师的工作范畴。 当然,从埋头苦干,到有所改变是从2010年的第一篇分享开始,至今已经写了近200篇文章。积累近15万文字,以及背后巨大的资料储备。

或许,这便是最初始关于“主动设计”的概念。近一年时间断断续续整理这些信息,并加入了新的思考,最终形成此书。 就像副标题写的“设计师应该了解的高效设计流程”,当真正了解设计背后的流程,比单纯欣赏赞叹,更值得我们深入学习。同时,方法永远是死的,不可能全部人都适用,能从书中感受到做事的想法和做法更为重要。 如果你喜欢这本书,或者想批判这本书,欢迎与我联系。

它能解决什么问题?

从这本书,你可以找到:

数十种高效工作方法

这不单纯是一本设计书,如果你期望得到具体某种案例的做法,让你失望了,这里没有这些东西。 这里有的只是对设计流程的解读与建议。期待你看过此书,其中某个观点能帮助到你。如果你看完觉得很烂,我更为高兴,至少能说明你要比我厉害多了。 要我自己给这本书几个关键字:

  • 1个完整设计图解
  • 3套高效工作流程
  • 12种好习惯养成

那书中具体有什么?

设计前:

  • 主动沟通的智慧
  • 草图绘制,预见最终的产品
  • 素材收集真的简单么

设计中:

  • 5个方向的网页端设计透析
  • 从4个流程谈谈愉悦的移动端设计
  • 贯彻设计思维,你该了解的常用端设计

设计后:

  • 协作更为顺畅,设计师需要知道的前端知识
  • 提升自我水平,碎片记录和完整总结

题外话:

  • 主动式UI 有爱设计师
  • 后记,设计师的素质和阅读

最后我想说分享让自己变得更快乐和充实,更重要的是有了大家的支持。 如果你也喜欢这些文字,希望与我联系,欢迎订阅我的微信公众号:主动设计

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

如果你对此书《主动的UI设计师》感兴趣,没必要马上就买。我陆续会将书中的部分内容挪移上来。 当你觉得,哦,他真的对你有用时。不妨在考虑下是否下手。 (京东,亚马逊,当当,淘宝,天猫均有销售)

2014年8月4日

世界波! 设计过程是王道?

过去了一个多月,终于有时间趁着讲座将这个案子整理了思绪。当然,做的还不够好,不过,当做的足够好,还有记录的必要么?因为在记录设计思维的过程中总能找到更多的不足和可能,这也许就是它的价值。

这个项目记录是大概一个月前的世界杯项目,整个过程合作还是相当的有趣。包括思考的流程也是值得记录。

 

收到策划案子

每个策划案子并不会特别完善,譬如我拿到的这份。需求方并不会告诉我他具体要什么,可能更多只是简单一个word文档做为需求说明。
唯一我记得很清楚的是,要求是与以往不同的效果。

还有要特别注意一点,一般文档中画红线或加粗的东西绝对是需求方的得意之作。在沟通时尽量对这些环节进行详细的询问。
譬如这里就是那些红色的文字部分。很重要,特别做为敏感的设计师,你会很容易发现里面含有隐藏关键字。是不是有一种打RPG游戏时,找出隐藏牛逼道具的感觉。。。。。!-.-!!!!

这个关键字就是世界波

由此,你可以想象到。这个词语特别具有画面感。不管是往球场上考虑,还是从**乳神考虑,都有可能性,也极具有冲击力。想想估计大家伙都会流口水,尤其是后者。

关键字联想

从世界波这个词,发散联想到更多的可能。需要是不断延伸出我们可能联想到尽可能多的东西。
像屁民、美男、热这些词都可以联想出来。这步骤只是尽可能是想出我们能想到任何可能性,并不一定要有数量限制,越多越好。狠一点是要自己写出多余20种以上的可能。

寻找参考资料和相关素材

寻找相关的素材和参考,估计大部分同学都会。这里便略过这一步骤。
还记得策划案时曾经说说过“与众不同”。

这时候,有个观点是,尽可能不要参考同类竞争对手的东西。这和跨界思考有一定的关系,更为重要,是利用不同的东西产生不同的效果。而且这点考虑是由于可能需求方已经参考了市面上大部分的对手设计,同样的我们也参考类似的资料,很容易走不出这个怪圈。会做的和以往的东西很相似。

  • 利用已有的收集分类,寻找不同的创意点

  • 不参考目标设计相关的东西,譬如是专题设计,那么可以参考服装,神秘符号,动漫,家居,传统文化这类与此不相关的领域参考。

可能会得到这样的东西

由于是初稿,第一稿需要有一颗耐磨的心。所以我在关键字选择上以“波”和“热”为主。
其实联想到这么个东西,全是有规律的联想,并不完全是天马行空。主要参考物就是上面所说的那个步骤。

所以我自己得出这样的公式:

  • 世界波=波 (波一般有两种解释,其一是球场上踢出的世界波,还有就是指**乳神的波)

  • 热情=符咒(能激发热情,就像给人下咒,而产生一种奇妙的感觉)

草稿化找到的资料

参考资料并不是指的是我们要拿来抄袭,是引发自己思维的一种催化剂。

通过在笔记本的涂涂画画,简单就能将这些东西视觉化。轻松的组合出可能出现的画面效果。最后,这是将这些东西整合到一起形成初稿。

最终,这些东西组合到一起,得到...

对,就是这么一个东西。由于是初稿,我会将大致的效果呈现。
在这一步要把握住客户的方向性。通过这种简单的视觉交流得到所要的答案。

当然....
结果不一定会乐观
在微信简单的展示后
得到

我记得很清楚的一句话是
它是不是长了肿瘤......

大家听了这个反馈,感觉会如何?
相信很多同学应该是垂头丧气,重新做稿。

我自己还比较乐观

如果有心的朋友可能会发现,其实除了说长得像肿瘤
其余都没说
那么,
则不是就说,
除了形状外,其他似乎都ok嘛

随后,只要换个形状

这是个漫长的改稿过程,或许要经历数十版的变化调整。
当然有了前面的铺垫,这个过程虽然漫长,不过改动都不会特别大,只是需要不停的深入,调节某些部件的细节。

调整主字体的效果

这个步骤可以配合在网站学到的字体处理方法在这里做原创。
譬如这个是根据自己前段时间看到的毛笔笔触效果做的细节。具体的案例可以自行搜索。

每调整主体一次,尽快确认

这个小技巧挺好用,不至于因为做的精细导致时间跨度大,通过这种小步快跑的节奏,更适合快速出设计。且双方合作时,都会觉得自己的专业度很高。

继续延伸?

由于除了线上的网页外,还要处理线下广告和物料的工作。
偷懒一点,可以直接拿网页相同的素材延伸。

做为专业的设计师,你可以想的更多。

网页端和平面广告其实是两个完全概念。

如果只是单纯将世界波这几个字放到平面广告,有个结果能想出来。大部分人肯定不理解这是一个线下活动,因为和他们没关系。

符咒般的高数广告

因为那段时间一直在做这个案例。脑海里只萦绕着“世界波”和“符咒”。
偶然将看到隔壁邻居的小朋友在做数学作业。

那么,就在想

  • 每个数学符号是不是可以换成视觉图形

  • 可以用最简单的办法,放大可能能吸引人的关键字

总结

每个案子都不简单,至少过程是这样。
有种像古代军师谋士,想各种策略解决当前的问题。

这个设计并不是特别惊艳,不过我觉得这个应该记录下来。至少这个过程比最终结果,更令自己感觉自身水平的提升。

(本文部分图片来源于网络)


关于我 我是米田,通过平时的收集整理,将自己听闻的东西汇总到这里。可能并不是什么提高设计水平的具体技巧,也可能只是些琐碎的灵感片段。 或许你不能从这里得到什么具体建议,却能看到更多设计之外的事情。

米田新书《主动的ui设计师》

立案前,如何快速有效地了解客户的需求?设计前,素材收集、整理和写作技巧有哪些?设计中,如何优化调整合适高效的视觉?设计后,怎么做总结和传播更利于自我提升?您还在为以上问题发愁吗?如果是,那么《主动给的UI设计师》将会是您最好的选择。本书站在一线设计师的视角,完整地展示了新媒体下的UI 设计流程和细节技巧。通过主动沟通,素材的设计,草图的绘制,网页端、常用端、移动设备端设计及项目总结,引导读者走上设计之路,并可以举一反三;采用TIPs 和实际案例结合的说明模式,让读者有更多思考的空间。

 

 

2014年7月13日

米田新书!一本与众不同的设计书《主动的ui设计师》

wpid-2e8c6fa6d6848010365c43464d45db98_12437180.png

这是一本与众不同的设计书,让你的工作更高效。
是否常常觉得设计没有方向?长时间水平没有提高?工作没有成就感?不是你没有能力,也不是没上进心,而是少了一点设计思考方法。


本书提供完整的设计流程思考术,理论与实例相结合。
为你理清楚高效清晰的一线设计流程,绝对让你有一种:“哇,大爱,赞一个”的感觉。


大家有没有一种被恶心到的感觉。

其实这是今年出版的书籍《主动的ui设计师》

关于这本书和背后的人:

 

品名:
米田(潘绍章)

生产地址:
多家媒体混合出品,现存放于腾讯大粤网
广州美术学院研究生在读
长期出没在站酷、优设、花瓣、点点等地

配料:
视觉设计40g,用户体验30g,经验分享31g

简介:

米田和大家一样,是名普通的设计师,做着相似的视觉设计工作。范围涉及网页设计,移动界面设计以及前端制作。由于一直从事一线工作,或许自己的经验更贴近大部分设计师的工作范畴。


当然,从埋头苦干,到有所改变是从2010年的第一篇分享开始,至今已经写了近200篇文章。积累近15万文字,以及背后巨大的资料储备。或许,这便是最初始关于“主动设计”的概念。近一年时间断断续续整理这些信息,并加入了新的思考,最终形成此书。


就像副标题写的“设计师应该了解的高效设计流程”,当真正了解设计背后的流程,比单纯欣赏赞叹,更值得我们深入学习。同时,方法永远是死的,不可能全部人都适用,能从书中感受到做事的想法和做法更为重要。

如果你喜欢这本书,或者想批判这本书,欢迎与我联系。

 

它能解决什么问题?

从这本书,你可以找到:

数十种高效工作方法

这不单纯是一本设计书,如果你期望得到具体某种案例的做法,让你失望了,这里没有这些东西。


这里有的只是对设计流程的解读与建议。期待你看过此书,其中某个观点能帮助到你。如果你看完觉得很烂,我更为高兴,至少能说明你要比我厉害多了。


要我自己给这本书几个关键字:

  • 1个完整设计图解

  • 3套高效工作流程

  • 12种好习惯养成

那书中具体有什么?

设计前:

  • 主动沟通的智慧

  • 草图绘制,预见最终的产品

  • 素材收集真的简单么

设计中:

  • 5个方向的网页端设计透析

  • 从4个流程谈谈愉悦的移动端设计

  • 贯彻设计思维,你该了解的常用端设计

设计后:

  • 协作更为顺畅,设计师需要知道的前端知识

  • 提升自我水平,碎片记录和完整总结

 

题外话

  • 主动式UI 有爱设计师

  • 后记,设计师的素质和阅读

最后我想说分享让自己变得更快乐和充实,更重要的是有了大家的支持。


如果你也喜欢这些文字,希望与我联系,欢迎订阅我的微信公众号:主动设计

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

如果你对此书《主动的UI设计师》感兴趣,没必要马上就买。我陆续会将书中的部分内容挪移上来。

 

当你觉得,哦,他真的对你有用时。不妨在考虑下是否下手。

(京东,亚马逊,当当,淘宝,天猫均有销售)

以下链接能直达销售通道:

 

2014年6月29日

改稿!和ZF谈设计

密探

由于有政府的参与,和些许别的原因。这个项目显得特别有趣。

 

起因是

某周末正在外闲逛,突然收到这个请求,随后丢了个这样的邮件过来。

邮件的大意是某外包公司做的东西不好,希望我参与重新设计。其实貌似平平无奇,

收到的文件夹是这样

93575e7e-9a82-4346-8a45-042748151e2c_files/4d3f672b-7407-4910-a367-545733e8ce95.jpg

单纯看文件架构和命名并没有什么问题,重重看了一眼,觉得so easy。不过,根据像福尔摩斯多年的经验,政府的东西哪有这么简单就蒙混过关,具体它要什么我会最后说。
抛个引子,政府要的东西和其直接对接领导的喜好有莫大的关系。

随后,我轻轻点开文件夹,发现,尼玛.....这是哪家的设计用word来做画面的....各种惨不忍睹....

93575e7e-9a82-4346-8a45-042748151e2c_files/2f576f58-f80c-4235-b7b3-a7f0925635d9.jpg

居然,居然,他们还觉得过得去.....

我真心想,原来做政府单这么好做...看来我随便找一堆人都可以应付的差事....

当然事实是,没有这么美好。那些只是小兵觉得还凑合....领导一看到,立马就发飙了...

各种扯着嗓子,各种拍着桌子,各种愤怒,所以,最终这种情绪变成设计单蔓延到我头上。

 

过程是

估计做过政府界面和平面的同学都不太喜欢与之打交道,这个真看你面对的官员是哪个。和你一拍即可,这种就一定要感恩,最好能保持长期合作。因为这种机会实在很渺茫,遇到懂你,且懂设计,能听进去你解释的人实在不多,要珍惜。

如果做出上面那样,实在有些抱歉。不过由于是中途介入,很多东西不了解的情况下。需要保守一点,尽量在不做大改动的前提下,摸摸对方在想什么,这时候,能在原基础上有些许变化的东西就可以,大的感觉保持不变。我们可能不清楚为什么第一稿(外包公司)做成这样,说不定是某位领导的要求也说不准。

其实设计,有时候并不是随便弄得图形那么简单,像这个明显就是做一个心理攻坚战。

93575e7e-9a82-4346-8a45-042748151e2c_files/4ea2a90a-ffd1-4816-9314-bcd6da9d7b9c.jpg

当然还包括将这些文件,以更清晰的方式呈现。其实无论哪个客户(需求方)都应该如此,人性化的观看体验,是愉快合作的开始嘛。

 

两级目录

  • 源文件
  • 展示

93575e7e-9a82-4346-8a45-042748151e2c_files/46d700bb-eb9b-4894-b6c1-3abd37f3e14a.jpg

给出初步设想

93575e7e-9a82-4346-8a45-042748151e2c_files/6602433f-c047-43b7-a9ab-a365312995b9.jpg

 

肯定有人问为什么不混着放?
如果合作方是本公司的产品部门,基本混着放问题不大,因为一般研发人员都有对应的工具能直接打开或预览你的源文件(AII和CDR文件除外)
相反,你去过政府部门,尤其处在不是第一线的部门。那些电脑是老的你无法想象,而且什么东西都没有装。可能有的只是QQ、输入法和浏览器,其余的东西出厂的时候什么样,它就是什么样......

客户:
不用“**”,字可能要在胸前,貌似要绿色。说错了,在肚子前

我:
这时候一定要告诉对方,为什么我的建议会别放在肚子上。不能直接说,不行,这样不好。政府的话,这样的回答,表明意思是你说的不对,不想做这样的东西。这样的理由不充分,这样直接说的结果,可能会导致后期的合作更较劲,对于双方都没有好处。

这时候,给出选择题要比直接的拒绝更为妥当,尤其是国内大部分的客户是不太理解我们说的东西,并不是说其水平低,大部分其实都比设计师厉害。只是国情的原因,并没有受到多少艺术的教育,所以直接给出图形比打字要根据说服力。譬如我们说图案放在肚子上不好看,一般是完全联想不到放在肚子上的效果。这里,就要强调效果图的重要性。

 

展示并列比较

依据上面的思考,我们给出了这样的视觉建议。反馈回来的特别快。

93575e7e-9a82-4346-8a45-042748151e2c_files/49e7613d-98fb-4106-bb0e-c169e8ca82cb.jpg

客户
这样对比起来还是上面的好看
衣服上不用署名广东发布了哈

 

*为什么用男模特

或许有人仔细的话,会发现为什么要用男模特,为什么不采用一男一女或者两个女生的组合?

因为决策方是女的,相反如果是男的,取向正常的话,建议选择女性。

同时,模特的选择应该是完全一样,要排除因为模特本身引起的选择错误。试想一下,两个图案,穿在两个模特身上。其中一个你是喜欢的类型,另一个可能是客户喜欢的类型,选择的本身已经将模特自己包含进去,还要兼顾图案的选择,做的选择题已经不再是“1”和“2”的题目,更多是做“1-a”和“1-b”的题目。

 

要有耐*勾的感觉

上面其实只是万里长征的第一步,本以为很容易过关的东西。其实,并没有想象的简单,

客户
直接电话过来,就开始大声的说,我不要这种感觉。
你懂不懂我意思,要一种向上的感觉。
就像nike的那个勾一样。

93575e7e-9a82-4346-8a45-042748151e2c_files/04110330-c846-4159-ad75-d3eaff6206e7.jpg

我:
汗,毛笔字还能有向上的感觉。期初觉得这个需求确实很为难。
这时候,一定要静下心。我理解的可能是要将字体重新编排,包括笔画,造型都要重新设计。这是每个设计师的理解,她不喜欢这种造型?

其实真的这样么?
宁静下来,仔细分析,其实应该不是这样。
首先他对毛笔字是认可,这个需要肯定。
其次,组合也应该没有问题。

问题出在,没有向上的东西。什么是向上的东西?

(图)

  • 整体书写效果向上移动,就是每个字都比前一个字高一点
  • 最后一笔有上扬的趋势

实际效果图

93575e7e-9a82-4346-8a45-042748151e2c_files/171386ca-8d79-4fbd-bbe2-0f81120e3918.jpg

还没有到终点,某些细节的调整

一般做选择题是最容易的方法,尤其是让其决定些很重要的项目。这个方法屡试不爽。

93575e7e-9a82-4346-8a45-042748151e2c_files/d72e1e20-a87f-4586-860f-8355983fed37.jpg
93575e7e-9a82-4346-8a45-042748151e2c_files/65138752-f99d-4895-a601-ef94941961d9.jpg

写在最后

每种事情都不简单,哪怕只是小小一个LOGO。
很多朋友说自己没有什么项目经验?因为他们觉得 一个小小的BANNER并不重要,也没有什么值得思考的地方。完全凭借经验机械般的做着重复的工作。

或许,真的没有那么多所谓的大项目经验。一般这种机会轮不到刚出道的设计师。
可是,小项目的机会是有很多很多。养成每次东西都以完整的项目思考,为什么这么做?怎么改?最终呈现的是什么效果?是不是比以前做的东西有所不同。

93575e7e-9a82-4346-8a45-042748151e2c_files/5e51d70e-cb1e-4d5e-8b2e-bf8905919d58.jpg

米田整理原创,部分内容来自于阿门(庞门正道)
服务于设计从业者及爱好者的咨询性小号。微信号:izddesign

回复关键词可收到对应内容:

设计方法|设计感 | 毕业展 | 个人成长 | 心理|努力 | 职场 | 前辈 | 涂鸦|简历 | 苹果 | 锤子

点击阅读原文可查看列表页

联系邮箱:drizzlep@gmail.com

93575e7e-9a82-4346-8a45-042748151e2c_files/d16530fa-2e85-46f5-86b1-e3c7c6cdc482.jpg

 

 

2014年4月6日

地球一小时的设计与思考

今年确实不太多写作品分析制作的文章。有很大部分原因是比较忙碌,精力都分散到别的地方。更喜欢写些更大范围的东西,确实那类型的文章更受欢迎,自己也在写的过程学到了很多年东西。 不过不代表就此停止对自己作品的思考。 就像导师常对我说注意细节,但是什么是细节呢? 细节应该是今年主要提高的区间。同时在体验上有所创新,创意点有所变化,更主要,希望增加些交互的因素。

项目背景

主题:地球一小时 描述: 其实它主要是音乐会。小范围音乐会,也不会出现什么特别知名的歌手。主要是些小众型歌者,由于前期名单还未定下来,所以很难判断为他们订做设计。这时候,更主要是把握整体气氛。 这种气氛类似于小清新的那种,怎么形容呢?就如同陈绮贞,苏打绿老师那些作品。不同的设计师理解肯定不一样。 ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/d1c7a5cf-fdc6-442c-a2d1-4251e64b7054.jpg 如果实在找不到感觉,可以上搜索引擎看看那风格究竟是什么。 当然这并不是唯一,只是把握最开始的感觉。 提炼诉求就能发现 小清新=低饱和度=黄绿 关键字:熄灯,音乐会

  • ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/d0b96290-7cb2-4422-87a8-683b76cd114a.jpg

气氛由大框架决定

如果要具体描述怎么思考,首先要做的应该是将其视觉化。这个过程,并不是让我们直接到电脑操作,更主要是试图找到一种能够承载信息的合理性方案。 并不需要多精致,草稿只是大体的形式设想。为什么这样做,大致成品的效果究竟如何,应该心中有准确的印象。 如果只是以试试看的心理做类似的工作。在修订的过程很容易迷失。别小看这个过程,大部分成熟的设计师都称这个阶段占据工作的50%以上的时间。

你要什么东西?

地球 这肯定是必须品,在搜索时留心下相关设计是如何处理。包括官方的设定是怎么样的?如果换成在中国推广,是不是有更合适的元素。例如用中文“一”替代“60”这个主题。 为什么要这样处理? 原因是大部分活动,其实我们并没有实际使用的资格,只有和官方签署了合同的机构才有直接使用原海报的资格。所以,直接拿过来用是犯法的。 当然可以玩出自己的特色。前提是知道这究竟是个什么样的活动。与地球有关,需要黑暗的环境进行。 ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/4c1f5b4b-d871-4b25-a3b3-d5021028ef34.jpg   地球设想思路 随后我们应该设想,一个简单的框架大致将我们需要的东西简单罗列。这个过程不一定像下图那样处理,我自己更建议在“纸上完成”。虽然看似很潦草,却方便修改。且花费的时间,比这样处理要快上许多,基本能保证5分钟左右就有一个大致构思。最后根据构思的内容寻找对应的素材。 ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/e0ed9e0c-dfb5-4144-bb8b-f04f7cdb4155.png   地球细节补充 紧接着,需要对上面的内容做补充。简单来说就是添加些细节。单纯看上面的图例,略显简单。所以我们需要找些东西替换,这时候特别容易因为添加细节导致画面特别花哨。就像下面这样,信息显得有些凌乱了。这种状态不需要多惊慌,可以根据信息的主次做对应的处理。 比方下方的辅助信息,由于叠加了图片,会显得过于拥挤和模糊,这时候,加一快纯色能很好的处理掉这个问题。如果觉得过于生硬,可以为这块底色加上透明度,感觉就植绒很多。 这一步我们还发现,整体背景图过于明亮,主信息文字不够清晰,这都是需要下一步做调整的地方。 ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/8d2a19bd-f1ea-4641-903f-d476ff7152b3.jpg   地球细节补充 针对相关的环节,我们需要处理的关系是虚实关系。什么应该突出,什么应该模糊。对比上下两图,很容易发现其实做的也是这样的工作。在配合些小图形的装饰。这类型小图形并不是说越多越好,越精致越好。更看重如何配合主视觉,如果没有这方面的思考。很容易将画面弄得特别花哨。 比如说“1H”, 所指示的东西是和时间有关。所以图形也只会采用类似的图形。相对,其他设定时也是基于这种思路。 ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/cb424283-9d4e-4c77-9496-2159660afdcf.jpg

你需要准备什么?

大部分时间,并不是马上做草稿,而是去收集资料。确实很琐碎,不过很重要。这里反复强调一点是收集整理,不是抄袭。 抄袭能解决一时难题,长期来说你会变的很惨。会变的像机器人一样,类似于下单-收集-做单-交付。这个过程不断循环,尤其第一步,你找不到完全契合抄袭的对象,就完全不能动手处理事情。 配料:一份草图 成品:一份正稿 ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/77aa0980-0d29-4ed4-88f4-f121e55057eb.jpg

延伸不是指一样东西到处复制

延伸一般认为是主视觉的复制,以往自己也是这么认为,尤其是些小项目,这样处理并没有多大的问题。这里的小项目指的是制作周期1天左右的任务。往往这部分项目也会在设计生涯初期充斥着我们的工作时间。 跳出来想想,容易形成固化思维。 ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/177879b5-dbc2-4e22-89c3-30f1761df170.jpg 当延伸变成硬广,地球的"一"字对于用户有没有识别力? 答案是没有 原因: 它对于大部分人来说那只是“一”字,以平均每个人阅读广告的时间算,它能承载的信息太少。 如果想真正提高自己水平,每一种物料都尝试根据其特性复制,而非单纯将统一视觉元素不停的复制。 ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/e2761bb9-db88-4e1c-aeed-c8ed9b0749a9.jpg

怎么吸收看到的教程资讯,直接延用到当前项目。

最后,肯定大部分同学会有习惯,收藏或转发教程经验。可惜大部分资料最后会只会一直静静摆在那里,怎么去增加使用率。让这部分知识为我们所用,显得很必要。 就以当前项目说,翻阅教程会发现有个教程是说,如何配置一个带有3维特效的代码组。 学习知识最快的方法往往是应用,不是收藏。像大部分同学,结合手头的项目做微创新就高效许多。

  • 不浪费任何时间,每次对项目都有新的思考
  • 感觉每次都有新东西,保持兴奋度

QQ20140407224558 就像本次的专题,有可能我是应用最新学到的这个框架。如果每次只是为了收藏而收藏,意义确实不大。 换成项目已经结束很久,再细看,会惊讶的发现。通过这种方式使用时,都不会忘记具体的做法。 如果下次在遇到类似的情况,就可以在这个基础上继续扩展更多可能性。

总结:

  • 氛围和风格从哪里来?
  • 设想到实现的具体过程
  • 延伸不是指单纯的复制
  • 怎么学习学到的新知识最有效的思考

 

关于我

我是米田,通过平时的收集整理,将自己听闻的东西汇总到这里。可能并不是什么提高设计水平的具体技巧,也可能只是些琐碎的灵感片段。 或许你不能从这里得到什么具体建议,却能看到更多设计之外的事情。 如果你喜欢这些碎碎念,欢迎关注下面的微信号。或许其中某个点子和创意,就可能改变你的一生。这也是做这么一个公众号的目的。 ae6d666a-555e-4e76-bc07-36a26c728a54_4_files/2435397f49fbec16614164577e62b38b.jpg

2014年1月26日

沟通全思维,大粤网年会设计的思考与创作

年会年年有,小伙伴看到这个词眼时。预示着离新年已经不远,今年年会充斥眼球的主要还是以围绕AV少女团队为主,辅助以土豪般的奖品奖金攻势。

其实,做为普通的设计师。除了关注这些大众关注的热点外,是不是也可以想些更为有趣的视觉效果抓住眼球。至少能抓住领导的心思嘛。

今年,自己继续负责年会设计,当然主要是视觉效果方面的设定。从作品从无到有,反复修改,似乎这个过程比最后的作品更有趣。

草图般思考,琢玉般执行

每个案子前,都会得到一个需求。对于设计师,千万别小看这部分信息。代表需求方模糊的概念,尤其是描述的形容词。这块内容富含客户的情感需求。
这次,沟通方给出的文字需求是这样:

需求方对年会设计的描述: 
年会主题:了不起的粤时代
主题色:白色为主金色辅助
风格:参考电影了不起的盖茨比,高大上,配合W酒店时尚气质

客户需要的风格

一般,这个环节会询问对方是不是这种感觉。根据经验,其实客户并不知道什么是他要的东西。只是随便举了个他有印象,且感觉不错的例子。
举两个例子,一个自己觉得相近,一个是他给出的案例。
就像第一个是了不起的盖茨比,另一个是设计师根据自己经验想象出来类似的案例,这里用了小时代的案例。所以说,设计同学需要涉猎的东西要十分广泛,给参考例子时,便不容易思想固化。

自己想的风格

更高要求,便是提出自己的设想。有时候,所谓的专业度便是这样。
能够给出预期外的东西,就像我们去某个店消费,还附赠给你贴心的小礼物。这点可以试想自己就是海*捞,每次到店我们会觉得很有上帝的感觉,同样,如果我们能够给予重要项目一样的服务,客户也会有类似的感受。

关键字:需求高大上,有欧式情怀和小清新

根据例子画出简易草图,草图的绘制其实很自由。想到什么都可以放进去。哪怕我们先临摹例子也没什么关系。这块东西主要做给自己看,如果客户思维比较开明,也可以将草稿的想法与其沟通。 创作应该就是这样,能将草稿和成品有效的结合起来,而不是单纯拼合素材做波普运动。草图起了很关键的作用,多以目标参考物做草图推演,真的比单纯photoshop谈兵要好上不少。

  • 草图要比正稿有趣,尝试的同学会清楚
    就像很多同学会问,设计思路从哪里来?在收集目标素材时,其实已经启动创作的开关,草图就像其中最初一环。由于没有什么限制,不需要掌握软件,不需要考虑质感,更不用考虑细节。只是种最初的构想,勾画时,会自觉设想需要寻找创作哪些元素,需要大致哪些造型。
    所以,设计还是需要一定的手绘基础。可能画的东西只要你自己明白就可以,并不需要特别高超的技巧。
  • 临摹参照稿,做新的延伸创作
  • 主体的可能性设想
  • 场景背景的颜色,物件构想

设计无他,反复调整到合适的状态

所有的设计都是基于草稿,为什么需要提早画草稿。这就是为了这层目的,寻找素材的目标性会加速上升。围绕这层目标的初衷别忘记,就是时尚有所复古的感觉。这是客户描述的形容词,很重要。

  • 穿晚礼服的人,女人效果会比较好。(主要晚礼服的款式比较多)
  • 欧式的场景(选择应该是欧式建筑的内部,比如教堂,歌剧院等)
  • 简约的呈现基于简练的造型

可惜的是,我要宣布,它们只是一份飞机稿。 不过我很喜欢飞机稿,它是种未知的可能。不知道下一步走向何方?只因为这种设计的不确定性,设计自身才变得有趣。没有公式,没有标准答案,有的,只是无限的可能,和永远未完成的状态。

起源是,需求方的领导觉得没有地域特色。这个理由我们讨论过,发现基本是无解的概念。或许可以加入些新的变化。 所以我们将帮助自己认为合适的风格做为推荐,抛弃固守这种形式的感觉。

时间紧迫,建议以此做为第一期推广海报,就像话剧报幕,有初始导演预告版。后续会展开不同的海报。 尽量别浪费自己的工作,且能有所变化。

制定好整体策略,就是琐碎的执行过程。条件有限,基本都是在是公司一间会议厅拍摄,估计就5平米左右的小房子完成化妆和拍摄。

以往自己很少参与这类较原创性的设计,素材要不取自于网络,要不自己重新绘制。我也很羡慕游戏组的同学有漂亮的人设和场景可以使用。命苦哈。

不过从拍摄的过程,自己学习到很多东西。以往不注意的细节是致命。光影的处理也在后期尝试了3种风格,以至于某位同学戏称我乱折腾。

  • 正常的效果
  • 复古胶片的效果
  • 黑白红的效果

经过团队的商量,以真人(真实员工)为主题的手段。也有可能做为今年的品牌推广主角。

随后的工作,就是分工执行,其实创意这阶段最重要,确实最枯燥。创意没有想象的那么有趣,也不是敲敲脑袋就可以想出无比绝伦的点子。更重要的是,多尝试不同的方向,设计师当成练手的案例,或者自我提升的方式。

  • 可能加个影片打板的符号
  • 可能有胶片碎花的效果
  • 可能是复古的颜色
  • 可能文字大小组合变化
  • 可能是...

里面存在着无数的可能和变化。途中会出现相当多的废稿,点滴间的平衡取舍很不容易。当写下这些文字时,自己也还在思考,如果我自己是客户,我更喜欢哪个?作者喜欢哪个?用户喜欢哪个?还有新的可能性么?

意外的收获——PHOTOSHOP胶片效果生成插件exposure

由于要尝试用胶片效果,无意中找到类似的滤镜很方便实现这样的效果,推荐给大家。

使用Photoshop可以制作胶片效果的照片,但各种胶片效果的处理,一般技术水平的人还是要费很大的功夫。如何高效地使用PS成为众多摄影师需要考虑的问题。而Photoshop胶片滤镜正是为摄影师解决难题的最佳方案。
Alien Skin Exposure v5是国外非常专业的Photoshop胶片调色滤镜软件,使用Alien Skin Exposure v5能够迅速将照片调出各种胶片效果,如电影胶片、宝丽来胶片效果、波拉潘胶片效果、富士胶片效果、柯达胶片效果等等,多达25类,数百种胶片效果。 http://www.alienskin.com/exposure/

现场环境要优先加入设计思考的第一位

由于是年会,必须有落地点承载这个东西。场地的考量就显得很重要。

场地很暗,基本就是台灯的亮度。且整体舞台采用T台的架构,导致所有设计细节考量时,必须要注意整体亮度的问题。以及与舞台主体的对应关系,即主次关系,尤其是表演阶段,投影部分更是要注意别抢了舞台表演者的风采。

根据上面的提示,很清楚告诉我们,最好别做过于暗淡的背景,识别度会有很大的问题。所以,签到板注定要是明度超过80-90%的样子。
如果,每个人能在此留个身影更好。因为有有一部微信印美图,这个瞬间还是值得留下。人,没有多少个2014,有且只有唯一的一个。
考虑设计时,还需要考虑如果人站进来是什么效果,高度是多少,站一个人还是多个人,这些东西都需要考虑清楚。

背景板呈现效果

舞台呈现效果

(感谢团队:zozo老师,易先生,cj、二姐,乐乐和cj)

总结

知乎上,一段很棒的话:“顶级设计师和你聊生活,普通设计师和你聊技术”。 尤其做设计时间长了,会渐渐发现很少关注技术的东西。也不会再关心这东西是xx软件或xx工具实现。更关心的是生活本来的样子。 可能有点虚,确实是大实话。 其实我想说,设计外的世界更精彩哈,亲。去看看真实的世界,以及其他人在干什么。再回头看设计,会发现更多有趣的东西。

最后,祝愿各位关注米田文章的朋友们,马年吉祥,过节啦~粤语有句话叫“最紧要开心”,大家开开心心的迎接下一年最重要了,来年继续支持哦。


有规划,记得要马上执行每个环节,别执着于完美主义

问:
夏至沿阳
其实上面说的制定目标计划什么的,早在两年前看了denny的文章就有做过尝试了,但发现从毕业后到现在总无法很专心地做好事情,大家都说兴趣引导执行力,可我13年按兴趣走,也是很难做好 效率执行 这件事 不过文中 米田说到的目标自检法还是很认同的。可能很多人都是了解自己的缺点,也知道需要做坚持,甚至知道应当不断尝试 比如我,2013年花了大半年时间去学UI 进步不算很大,在同一年里很多新手在视觉方面可能都超过了自己,我自己也有意识去改变拖拉的状态,一直在这边缘挣扎了半年/::'(
所以想米田谈谈,有目标后如果坚持这个问题。另外,很多前辈都说 快步上手,后面继续补充不足,就如app项目里都是这么说,先上架再迭代 。可我总得把全程都了解透才开始去打基础,有时候都在思考,是不是自己目标不明确或者自己根本不适合做这行 。所以关于 先入职再修 以及修完再入职这方面米田有何看法。

答:
真不好意思,回复的时候已经超过微信平台规定的48小时,所以只能在这里做回复。十分抱歉。
其实最有效的办法就是马上做。就像我自己做这个微信号,其实有很多不足。与成熟的微信号相比,你会发现他居然没有目录,也没有自动回复。很多事情都是这样,先做了,做了这一步再根据反馈做调整。其实反馈这步骤很重要。比如你说学UI,不知道你没有告诉很多人自己在学?发给他们看看给给意见,而不是等完善了再发。这是种很棒的方法,通过记录分享看到自己的成长,比自己偷着自己欣赏,感觉好很多。激励性很高,比较容易保持。

 

2014年1月18日

照片关注的角度,2013影像志

照相和写文字一样,写的并不是文字本身,而是背后的思考过程。像视觉元素一块块拼合起来,形成最终的作品。

摄影就像设计,重要是角度。与相机本身相比,它背后的脑袋更重要。对于创意人,相机可能只是意味着一种工具,和photoshop,ai等软件一样。其实,比喻并不是特别准确,当然相机的价格越高,理论上的成像质量也会有质的飞跃。

对于大部分人,基本没有条件不断追求摄影器材变更带来的便捷。普通人,尤其是设计师小伙伴们,你们想过相机对于你是什么东西么?其实相机的这个概念并不是很准确,现代人基本有具有相机这个功能。

  • 数码相机
  • 智能手机

而我自己用的机器在诸位面前都会显得很渣。一台D3100,一台普通柯达相机,还有一台手机,对于自己来说,记录的本身并不是片子质量,自己也不打算成为一名摄影师。摄影对于自己而言,只是记录的方式。和纸笔基本没什么区别,我习惯观察,平凡生活的细节。一些表面看不到的东西。

iPhone 随身随心拍@陈幼坚

陈幼坚于2010年开始发表以 iPhone拍摄的作品系列「iEye爱」,源于陈氏于国内公干或旅游的频繁旅程中,不论在街上闲逛,还是因为堵车的缘故在车上闲着,当他看到有趣的情景或美丽的构图时,便会用iPhone把喜爱的景物拍下来,主题「iEye爱」正正表示陈幼坚通过iPhone,把眼睛看到喜爱的事物纪录下来。

此系列不单展示一幅幅陈氏公干旅程的生活,通过把照片重复排列变成可无限延伸,把单一照片重复亦发展出一种图案式的视觉效果,把单一照片的功能提升至另一层次,创造另一种阅读结构和内容的可能性。这批不经后期修饰的摄影作品,把当代都市的急速变化,通过最轻巧的摄影工具和精妙的设计语言,化成为涵盖摄影、设计、纪实与叙事的跨界创作。

记录是生活本身,陈幼坚老师做了很好的诠释。如何发现新的角度,如果从摄影本事来说,并没有真实记录还原实际场景,而是和平面结合,创作出新的视觉角度。

通过摄影看“自己”

这是前几年的作品,拍摄于白云山。作品本身也是记录,只是会记录的角度不同,现在回想起来已经很久没那么安静的在想某个主题了。其实作品很简单,也很容易在生活中找到这个东西的原貌。不过,应该不多人从这个角度去思考。

主办方广东美术馆很用心,找了些业余摄影师参与这样的活动。其中一个要求就是摒弃对机器执着,基本大家拿的都是普通的相机。基本没有单反相机的影子,只是通过自己的思考寻找角度,表达世界与自己这个概念。

世界与自己的话题,就像我对作品的描述:

作品是想表现世界的矛盾性,人与人其实生活在不同的世界,每个人都有属于自己的私密空间。就像叶脉将叶子分成了一个个独立的空间,虽然是相对对立,但是又统一在一个整体里。这和人的关系很相似,即独立又统一,大自然还是给了我们很多生命的暗示~

照相,你的创意来源

设计是什么?其实就是创造一种角度,满足某种体验。就像一把椅子,正面照,它是一把普通的椅子。那是正常的视野。如果我是小孩,它可能就是一部学步车;如果我是蚂蚁,它可能就是一个史前怪兽;如果我是气球,它就是一个小黑点;如果我是椅子,它便充斥着我全身,感觉很紧透不过气。

其实照相,更确切来说,是记录型照相,是在重新发现这个世界。

如果说用图片创作是什么东西的话,我觉得"偷窥"一词能很好的描述这种状态。自己记录的东西也大多数源自于此,可能每个人的关注点不同。如何寻找关注点可以查看我之前的文章。这里,记录的只是些这一年来有所意义的事情.像一纸逝去的记忆.封存起来,有需要的时候重新打开。

人物篇

我的人物比较特别,都是些普通人.基本不会出现模特的身影,大部分是街头巷尾的老百姓。 洱海旁,某位正在有力划船的少女

韩国街头,一位专业的美国摄像师(记者?)

网络盛典,幕后的礼仪姑娘

某教堂,突然精神失常的女孩

广美毕业展,在偷窥作品的同学

某活动,答题者与提示者

韩国,大游行后的防暴警察

场景篇

[开幕式]某个展览,韩国的开幕庆典

[动态热闹]露天演唱会,忘情的人们

[安静力量]李欣频创意讲座

[大场面]你或许很微小

[小与大]生活中的版式构图

细节篇

[路边怪兽]树上的两颗眼睛

[天边一条龙]普通的云,普通的晚霞,不一样的发现

[自然的构图]路边某片叶子背后教给我们的版式技巧

[重叠版式]用相机做PS图层版式,玻璃,近景,远景

[大与小]更微小的大与小,黄,墨绿与白,大自然的配色。

[点线面]树叶是面,叶脉是线,小虫子是点

这些东西,在摄影师或者专业人士面前显得就很小儿科,只是想传播一种理念. 如果你想收集身边的小灵感,锻炼自己的观察的敏锐性. 照相是种很不错的方式.越是细微,越是不易察觉的东西被自己造出来,那种感觉,和想出一个big idea是一样的,


有什么书籍推荐

问:

米田大哥。能不能推荐几本关于视觉设计方面的书给我看看,PPT,FLASH方面的也行。我对网页,动漫游戏类的设计方面比较感兴趣,当初进了美院就觉得选错了专业,看了你的多篇文章之后,尤其是那些做不了第一,就做唯一方面的,确实感觉很受用,每次自己做设计老是感觉很无力,可能是对自己这个专业不太感冒的原因,做起来没精打彩的,看了你的文章之后,还有那个印度人的视频,确实思维有些改观,我平时的强项是在于手绘动漫和软件的运用,但是做起什么字体设计,编排设计,感觉好无力的感觉。

答:

其实我想说,网页设计和动漫游戏是两种不同的东西。当然本质是一样,那是我老师说的做到最后都发现自己只是在做艺术。 似乎你的强项是在手绘那边吧,软件使用其实可以忽略。那个基本做多几个项目都很容易上手,除了部分超级难的工具。更主要是你的思维是什么,更重要。 我自己也迷惑,既然你强项在那边,兴趣又在动漫。为什么让我推荐flash和ppt的书籍呢?有点矛盾吧? 如果说视觉设计,我自己有个自己看过的书单,不一定就是最好的。只是我看过的书籍整理,希望对你有帮助 http://book.douban.com/doulist/1214246/


关于我

我是米田,今年尝试将文章同步到公众平台。如果你对设计方法,个人成长,亦或者时间管理有兴趣,可以关注这个公众号,期盼大家共同成长。

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年11月10日

更优雅的微信第三方设计——大粤网产品设计

最近比较忙,整理作品的速度明显放缓了许多。今天总结些前段时间做的微信第三方网站。要清楚,它是网站不是单独的一个网页。需要考虑更多是整体性的问题。

在拿到项目时,首先需要冷静下来。而不是急着去动手,大部分同学肯定都理解了解其缘由。这边要说的更多是前期先看看相似对手的情况。因为视觉设计相对于产品功能,是最容易拉开差异感的部分。或许一套不同的视觉策略就能让产品迅速脱离大部分同类作品走出来。

 

大部分的普遍

大部分的微信第三方,和似乎都不太注重展示部分。即视觉部分,隐隐有些暴发户的感觉。而且现在做这块的公司似乎已经有当年做团购的景象。多,十分多,最后迷失在一片片营销的海洋里。

做为设计师,先跳出来观察下。其实我们会惊讶的发现,这些站的普遍性都是为你做个微信mini站,就是所谓的新时代营销。最核心的功能基本也是一致,如下:

  • 智能导航(调用地理位置地图接口)
  • 在线支付
  • 全景看图(自由图片组合)
  • 抽奖营销活动

随便打开搜索“微信 营销 专家”,一堆类似微信第三方网站。现在很多的创业者也在做类似的项目,总之,就是很多很多公司做着类似的尝试。当然,国内任何的领域基本都是同时存在上百个同类的项目,能真正运营下去到最后也只有3-4家而已。

自己随便打开其中一个站点,发现其推广的核心点,也是如上述说的一样,功能部分的几乎所有的微信第三方都做着差不多的事情。如果你随便打开这个网页,你觉得你会主动去联系他们么?在很多相似产品存在的情况下。

除了外面的第三方,腾讯内部也有两个很出色的第三方平台,“风铃和微生活”。从界面上可以看出两者还是有差异,解决的方向也是分属不同的类别。

  • 风铃诉求展示和营销(偏向于资讯号)
  • 微生活诉求则是移动端的店家会员解决方案(偏向于服务号)

在这样的大环境下,怎么能够突围?大致了解后会发现,这些腾讯服务都是基于大客户的解决方案。原因是大部区,长尾中的尾部是难以触及的部分。就是所谓的中小商铺。他们的诉求除了展示,更多是希望能告诉用户他们有这项服务。这点比单纯建立微信服务更重要。

 

小部分的独特

当然上述的分析,在设计阶段反而没有想得这么深入。都是动笔写这篇东西时想到,联想到最近研究生课程中谈到的“设计管理策略”,还是一个相当有趣的部分,也属于视觉设计的一部分。以前并没有多重视,现在开始多以文章的形式将这部分思考记录和总结起来。

当看了国外几个APP站点,会发现其思路和我们有很大的差异。或许是国人更喜欢看到尽可能详细的信息,更有可能是客户喜欢你的东西尽可能丰富。有可能只是惯性思维。至少,大部分人现在看上面和下面的网页,估计大部分同学还是会选择偏向于下面的案例。

类似的站点

PAPER http://www.fiftythree.com/paper

ANY.DO http://www.any.do/

那么,换种模式,是不是应该让其产品介绍变得更优雅简洁。

当然,这或许已经和目标用户群体产生偏离。一般越优美的东西,服务人群的基数也越小。在展示设计这块,确实国外很多公司,尤其是小型公司做的很精到。或许不想错过每个进入网站的用户。就要每个页面都保持些亮点。

  • 全屏的图像/视频使用
  • 最简单的文字说明
  • 展示不同的产品/操作过程

 

我们能做什么?

和产品团队沟通后,觉得我们应该做的更偏向于优雅的方向。要达到这一个目的,其实他们的需求是“高大上”,设计师觉得满眼都是泪。翻译成我们的语言,就是优雅大气,要到达这个目标,参考图却是国内些较山寨的微信第三方。

这时候,设计师应该给出自己的参考建议。如果别人给什么,自己就做什么。就显得十分被动。未来团队,主要是需求方就变得十分强势,且结果不一定好。因为你给不出任何专业的建议,那么,产品团队不以视觉出发的参考就成了一大问题。最后,问题都卡在设计师这边。所谓做不出该有的感觉。

 

第1步:指出设计师觉得较好的风格,并共同讨论

可能会出现下面这种半成品,不需要多少细节性的东西。只是根据上面自己提出的参考方案得出的视觉稿。

当然,需求方的需求仅仅是做个首页,有图片轮换、导航和页脚,即产品介绍图片就可以。其余像我们的优势和 真实案例都是设计师根据自己的体验和相关页的参考后提出的新亮点。

确实这是种好办法,能多为需求方多想点,他们才觉得你专业。未来沟通起来的成本就小了许多。

 

第2步:确定大致风格后,细化主要部件

其实这部分是最麻烦的部分。就像老师说,大家都觉得做动画很帅。其实真正创意部分就前面就那一小点,更多的是如工匠般的打磨余下繁琐的机械工序。不能偷懒。就是一点点磨

确定完一道工序,再进入下一个环节。这个很重要,不然很多辛辛苦苦做的东西就容易有全盘否定的可能。

随后,就完成余下部分的设定工作。基本采用的还是拟物的手段,核心功能按钮固定位置。背景采用相关的配图。

 

第3步:统一成扁平化的风格

为什么要扁平化。因为团队讨论中发现,那个罗马柱和强效广告都显得很奇怪。确实,实物的造型在光感,质感和形状方面,如果不进行统一的实景拍摄,整体有可能显得乱。硬要结合在一起的时候,也需要相当多的时间统一细节。

那么,转换思路。主要也是大部分内页的视觉偏向于扁平,此时,转换成扁平也算是统一的步骤之一。

扁平不意味着简单处理,越简单的东西,不能以准确的方式呈现。就显得很粗糙,让每个扁平的图形都能以主题关联才是最难的东西。

 

产品介绍

为什么是扁平的风格,也是从这页开始。差异化是思考的重点,当大部分页面虽然也是扁平化,不过更多是以单色的形式出现,彩色很多用在移动设备中。而在网页中,彩色的部分很多还是采用拟物化的手段。

所以,核心的功能扁平+彩色。

 

关于我们

关于我们,刚开始PM构思时并不是这样,ux第一版设想也不是这样。或许这个不是最终的视觉呈现,貌似有同学说,圆圆的像TT.....我在考虑下。

 

微运网站

网址http://wy.city.qq.com/

相关资料

让网站更生动!那些在网页中完美运用视频元素的案例

学会为团队加分,而不是等着团队的光芒将你照亮

 

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年9月19日

设计的加法减法!念慈庵专题

它是篮球赛专题,背景很重要。能说明他的性质,动感激烈。方向就更简单了,直线型,沉重又明快的对撞色应该是主要考虑的地方。

唯一的疑问是?客户是不是要这东西。

一般,做之前,会先问问客户有没有参考的资料。客户方很爽快的扔了个前一个团队交付给他们的设计稿,他们只说了不满意。具体哪里不满意,说不出来。就是觉得怪。

大部分时间,设计师肯定会碰到类似的问题。有经验的会发些快速的效果碰碰运气,如果说,“哦,还可以哦”。就有戏了。

 

第1稿,摸底细:

可以不那么完善,或者故意留几个破绽。这阶段,就别想着什么一稿就过,不现实。可以做些大致的效果,最主要是要注意几个问题:

  • 色块色彩的趋向明确,色彩可能是最关键的东西
  • 版式的可延展性,可以留白的地方先留住
  • 配图文字,有礼貌,并说出创意点。这点往往忽略,有时候却能起死回生

所以第一稿就这样弄出来了。

  • 背景的挑选

    广东大学生篮球赛,如果背景换成NBA那类训练场不合适,观察下周围的大学生。不都是在水泥球场打球,那么高端的东西肯定不合适。为了配合主题,选择个夜晚的场景。

  • 卡通的选择

    卡通的客户提供,第一稿的团队犯了个错误。将这些元素缩小放在角落,反而将标题放大。这样对文字组合的要求很高,不容易做出效果。

  • 斜线的版式

    篮球比赛最刺激的地方就是双方的对抗,红与蓝,大与小,尝试利用这样的形式组合传播这种力量。斜线做为一种特别的直线,没有直线的稳定感,却处处散发一种力量和速度的感觉,再配合屌丝地气化的校园球场,匪气顿生。

 

第5稿,加法减法:

由于你考虑的很周全,基本点都想到了。很顺利,大体的效果很快就通过第一阶段的评审。下面要做的是细节修改。

其实,客户说的细节修改听上去很轻松的样子。从第一稿都最终稿,是经历约5稿的修改。

每次改动并不大,但是就像前面说的。第一稿要有留白的空间,后面会塞进来很多很多的东西。什么客户产品,客户logo,快速导航,都是需要调整的东西。

如果第一稿的时候,做的实在太满。后面调整的难度就很大。最糟糕的情况还会破坏原来的视觉构成。

其实,这些修改细节,经过这次的体验。类似于加减法的过程。

  • 加法:添加新的元素,必然会使画面臃肿。这时候需要调整元素的比例。势必要缩小某些元素,必须要狠狠的缩小,且能保持整体还是处于同一视觉感。
  • 减法:加的越来越多,最终变成了无法控制。这时候,可能要考虑丢弃些元素,亦或者叫细节。让画面尽量的纯粹。这点,比做加法难多了,就像你亲身生了很多娃,让你丢几个,会舍得么?保持住一个立场,让画面变得关系复杂的元素扔掉。譬如小装饰物品。

最终稿。加了很多东西,缩小了很多东西。商业设计就是这样,唯求在钢丝上寻求最佳的平衡。

【延伸阅读】

完美排版的10个基本功

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年9月19日

中秋赏月赏屌丝

又是一年中秋,祝大家节日快乐哈。每年这时候,策划们都喜欢整些奇怪的玩意,自从去年开始,已经第二年了。

对于做为美工切图仔的我们而言,每年都希望技术和思想上多些新的变化。今年,尝试了在网页中混搭些漫画的元素,不管成熟不成熟,有点变化总是好的。

它应该是个漫画:

 

很多时候,创意从哪里来?这是个挺有意思的话题。前段时间听前辈的课程,说到一个概念“生活创意”。就是到一个地方,你能观察到什么东西。就像普通的机场,认真从设计的角度看看,能看出很多不合理的地方。当然,大部分时间我们都容易匆匆错过。

同样的话题,拉回我们平时最喜欢的活动中。类似漫画,除了欣赏到剧情和画风,其实也有很多值得借鉴的地方。

最简单的就是版式,仔细观察,很容易发现这东西是划分成一个个格子。而在网页中很少有这方面的应用延伸。这可能就是跨界思考能带来的不同。

漫画的特点

  • 斜划分的格子
  • 黑白的人物
  • 夸张的对话框

 



真正的使用过程也是有这些特点,不过唯一的不同是不能只是黑白线条。借鉴不是抄袭,而是有选择的提取有特点的部分叠加进我们的设计中。

这便是我们的东西,有源头有创新。当然,这也便是选择“漫画”这个载体的动机吧。

 

屌丝精神再次狂欢:

 

通过一年的演变,去年这个时间,也做过类似的尝试。上次是无心插柳,这次是有心栽花。

也就是说,成功的几率是很小的。不过自己却为此弥补去年的交互遗憾。增加了导航,优化了指示。还有,呵呵,向某些喜爱的漫画致敬。

最重要是对屌丝精神的进一步思考。什么是屌丝精神?话说这东西在网络上真的很重要。我们将其称为一种认同感。是对精英阶层的博弈结果,是满足大部分网友的调侃习惯。应该是反映这种,大部分人都能做到的状态。当看到所谓的低劣甚至弱智的做法时,所产生的自我满足感。应该是这样的,满足一会我也是精英的感觉。

屌丝的精神:

  • 元素粗糙化,例如直接截word文档
  • 排列无序且有一定喜感,这层的构成挺巧妙,一般前面说的东西很正规,突然后面来个大转弯就容易引发笑点。(风格间有明显的差异)
  • 大小对比,巨大差异会产生很强的视觉冲击

 

【相关网址】

去年:http://gd.qq.com/zt2012/zqywzn/

今年:http://gd.qq.com/zt2013/zqywzn2/

 

【延伸阅读】

超赞!如何增强你的页面表现力

Photoshop 照片转漫画手绘效果教程

 

 

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年8月8日

网页蜈蚣!可延伸的设计该怎么办处理?

       乐不思暑是专题,刚开始我也这么认为,而且算比较简单那类。只需要将需求点铺设清晰就可。随着设计和制作的深入,能发现需要考虑的东西多了起来,有时间与效率的博弈,有flash与多平台的纠葛,更有对框架的新领悟。

 

 

考虑清楚场景和实现成本:

 

  • 需求方:

    关键字是飞机、主题字和日不落。旗下有四个活动****,具体样式可以参考下图,图片的牧场换成地图(卡通地图),地图上面有如房子(点击进去是看房团活动)、电影院(点击进去是通宵电影)....

     

     

  • 我:

    人力一人,时间1——1.5天,含设计与制作。未来可能需要元素延伸,就可能添加新的活动,在预置素材时要考虑扩展性。

    建议需求方在合理的范围设计,即用草图的方式告诉对方这样想。在没动手开始设计前,尤其是大项目时,快速的草图容易摸清楚对方的思路。也能从这个层面说明自己对项目的重视。最后的结果往往是源自于好的开始。这时候,能清楚的诉说自己想法,具体的放置形式,以及未来的发展可能。

     

http://gd.qq.com/lbss.htm

 

 

 

该考虑移动端——metro:

 

  • 领导:哥们,访问不了页面。
  • 我:

    老大习惯用ipad和iphone浏览页面。悲剧了,前期沟通也说了,在短时间内实现效果,最方便的是用flash。不过这时候苹果系列是不能正常访问,所以,要折中采用些手段过渡。最快的想法是域名跳转,判断设备跳转。这时候,设计师也应该了解具体可实现的操作。

    自己是平时是用印象笔记收集了类似的东西,在紧急需求面前就显得很有用。能更淡定,从容的处理,不用加班,轻松搞定。主要是要有现成方便的解决方案。

  •  
    <script type="text/javascript">
        /*适配跳转*/
        if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|SymbianOS/i.test(navigator.userAgent)){
            var url=window.location.href;
            if(url.indexOf("?mobile")<0){
                try{
                    window.location.href='http://gd.qq.com/zt2013/lbss/index.htm';
                }catch(e){}
            }
        }
    </script>

 

 

移动化解决方案—— MelonHTML5 !Metro UI

 

确实,不得不说,Metro是优秀移动端解决办法。移动端可实现的效果确实不多,单指web方面的模块,在时间急迫的情况下,利用现有的插件库,能方便适配更多可能。学会借力打力,短时间处理复杂的问题,应该是我们要考虑。

可能看上去并不完美,不过能快速响应也是不错的选择。MelonHTML5 是基于metro的插件库,建议各位有时间好好收集类似的组件库,通过配置参数满足实际的需要。

插件:立即下载    效果演示

 

【延伸阅读】

10大流行的 Metro UI 风格的 Bootstrap 主题和模板

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年7月19日

大粤TOP秀!沟通&思考全流程大放送!

       本来,这篇东西应该很早前就应该放出来。一直想写却不知道从哪个方面入手。想说的东西很多,却抓不到头绪。当它诞生出第三期的时候,逻辑看的更清楚,单纯以一个用户的角度看,单纯以一个设计者的角度看,单纯以一个需求方角度看........是的,是个沟通与思考的过程,像我给设计的定位:“一群在黑夜里闪着微光的人”。

对了,它好像还有一个姐妹,早出生一点,发育的不算良好。却为后来者提供了更多可能和进一步深入的机会。《阅读&配色——"娱乐毁三观"设计思考》,过往的东西不一定就没有任何意义,就像我们在不断与客户沟通的过程里能产生越来越多有趣的主意,而这些属于自己的文字和作品,似乎也是一种不断沟通的过程。这是主体变成了“过去的自己,现在的自己,将来的自己.......更多的自己”

 

 

原型阶段的沟通:

 

原型重要么?真的蛮重要。通过下图的对比能看出优秀的原型对设计师的促进作用,最起码你能了解大致的方向,最后要做只是通过视觉手段将这种关系赋予良好的用户体验。组织更有有效的阅读顺序,以及更有趣的体验。不过初始的前期沟通也是相当重要。

编辑:“嘿,哥们。我们要做个栏目,ue已经画出来了,看你什么时候接一下”

我:“哦,我手头好多单啊。等等,先处理完那些东西”

编辑:“嘿,我这个很简单的。画的原型图也很清晰,你就先看看,提点意见。”

这时候就不太好推脱,勉为其难看了下。 我:“画的还真是挺清楚,不过有几个点,以我是设计师的角度提一下。1)2)3)”

编辑:“好的,我再改进下,之后给你看看”

过了半天,编辑又给了一稿。一些不合理的交互变更了一下。 我:“挺好的,之后优先处理你这个东西”(自己也对此产生了兴趣)

       在沟通中,能发现几个有趣的东西      

  • 专业且重复,通过不断的沟通让人对此产生兴趣。
  • 对设计师(服务者)的尊重,也会对你本身产生尊重。
  • 用心的东西,人们会发自内心表示赞叹。也更容易产生亲近感。

为什么是黑色:

 

每个东西在设计前都应该先了解情况,而不是埋头苦干。苦逼有时候就源自于无知,无解,无沟通。就像追求女孩子,你都不知道别人喜欢什么,不从其身边人入手,更不了解其情况,单纯通过外表去判断自己的选择。成功的几率绝对是渺茫级,做稿如追女,稿不一定多,而是快狠准,迅速命中需求方核心诉求点。

所以每次接稿前都有上面那些零碎的对话。可能是无厘头,可能是相互扯皮,更多是相互了解,或者说是种默契。初始沟通的畅快,后期交稿的顺畅,都会对双方产生良好的信任感,给未来的合作带来更多可能性。积极,主动的推进式也让一稿通过率大幅提升。

回到这个栏目,选择的黑色是为什么?

编辑:“我们栏目定位是民间的达人,可能并不是特别知名。俗称的民间能人,已经开始展露头角,但是还不是为很多人熟知。或许他们有很多背后的故事,或许你看过他(她)的作品。有时候,这些普通的力量更能带给社会正能量。”

我:“所谓的相似的更容易产生共鸣,大部分网民都是普通的老百姓。或许拥有相似的能力,却不为人知。就像明星是站在聚光灯下,而这群人是在黑夜里闪着光。”

 

    双方产生共识:      

  • 黑夜里的亮光,更适合这类主题。黑色必然是首选色彩,而白色光洁无比,更适合已经成名的人物。
  • 由于是些屌丝达人,黑色更容易衬托这类角色。黑是万用配色之一,且人物一般是呈现亮色,脸部至少是浅色高亮。做特写比较合适,能迅速抓住用户的注意力。

 

可能改进的部分:

 

来自体验小组的一段话:“高端洋气美少女,采访稿件不错,带视频图片,但其作品介绍的入口较隐藏。”(针对当期栏目)

如果要进一步改进设计和体验,参考是应该了解的第一步。多听听别人的意见,看看同类作品的做法。更广一点说,从杂志和报纸,亦或者身边的橱窗,逛街中的店面都有可能找到更为优秀的解决方案。

  • 首屏增加导航栏,学习杂志封面的处理手法。
  • 是否将人物头像放大?由于不是名人,有趣的动作更容易使人留意。
  • 应该给个往期回顾了

 

 

【相关专题】

 

http://gd.qq.com/zt2013/topshow_loke/index.htm

 

http://gd.qq.com/zt2013/topshow_rsy/index.htm

 

http://gd.qq.com/zt2013/topshow_rsy/index.htm

 

【延伸阅读】

 

 

2013年7月1日

时时时尚,粤靓女生2.0

       字体设计是自己最薄弱的一环,需要提高这块的话也没少看高手的处理方式。虽然不能完全理解他们的造字思路,一般操作的很快或不用草稿直接绘制。这方面确实还没有这个能力能快速在脑海中勾勒并实时做出优秀的字体。

只能用回最原始的办法,打草稿,希望在能做出约100个左右的稿件时,能到达直接鼠绘的能力。当然,这并不是重点,铅笔勾勒的东西有时候更具有生命力,也方便快速重塑。

 

 

  • 铅笔勾勒:

    不知道是不是自己懒的原因,一般画这种字体,也就保持在5个草稿左右,平均每个花5-10分钟的样子。感觉最后生成五个的草稿其实都十分接近,无非是字体笔画、结构有些许变化,其他并没有特别。

     

  • AI造字:

    1)定出方框

    似乎不定好框架很难推进整体进度,原因可能是把握字体与字体的间距,可能会出现忽大忽小的情况。很难控制完美比例,这点由于在纸上草绘时,字体显得比较小,表现得不那么明显。放大或规整后,明显会有很多瑕疵。

     

    2)钢笔+平滑描摹

    AI的这两个工具确实是造字神器,前者打框架,一般一款字体也就5分钟就完成结构绘制;后者微修饰,完美的曲线制作会变得更容易。

     

    3)配置艺术画笔

    定制笔画粗细和收笔效果,试想着其实很简单就能实现类似圆笔头的效果。而不需要一个个做细节的再调整。任何能想到的笔触基本都能通过自己设计完成,其实就是一条线,我们做的只是绘制出线的效果,再保存进“艺术画笔”即可。

  • 正稿展示

    制作好字体后,曾经放在lofter呈现。却收到些反馈意见,尤其是越专业的设计师,容易陷入自己的世界。可能这时候普通的局外人也能点出你问题的所在。

    <粤靓女生1.5>

    他们指出的问题点蛮集中,1)视觉过于分散,左右图形不对称  2)字体识别力问题,有同学指出看上去像“粤靓妇” 3)背景干扰正常的阅读。

    虽然只是小小的展示,却得到特别多有用的意见,利于自己更进一步思考,为什么这么做,再深入一步该如何做。专业可能就是这种状态吧,吸取意见,精益求精。

     

题外话:

统一栏目的小变化

由于是系列栏目,需要有公用的头部。统一意味着缺少变化,和对方沟通时也频繁提到这个问题。做为设计师,从视觉和用研的角度,建议增加些动态的元素。将每期的女生单独拿出来,处理成推广位,也方便更新。模板这块要想清楚,如何更方便对方处理图层和维护。

有点类似top3的处理,人们永远喜欢贪新厌旧,长期不更新内容确实很难增加大家点击欲望,小小的轮换效果,或许是种不错的手法。当然它们是自动轮转,并配合文案“关注我”进一步增强点击欲。

 

http://gd.qq.com/zt2013/yueliangns/yueliangbaoming.htm

 

朦胧&明确的品牌宣传

产品无非大小,醒目明确。客户的话就是logo要大,转换成设计语言,就是核心信息视觉化的明确。大并非巨而丑,而是在环境允许的情况下,尽量能突出品牌信息。就像下图,要想到人物平均身高对背景的影响,以及灯光和场地元素对其的干扰。前面的花儿已经足够缤纷,我等大背景君还是退居二线微妙。隐隐约约看起来更美。

【延伸阅读】微整形~微创新~这不是整形医院广告

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年6月8日

一个标志的诞生!乐不思暑

       每个东西如果只看最后的呈现效果,可能大家都会觉得很简单。大部分著名的标志都是这样的过程,最后的结果看上去很简单,换成小孩都能快速的画出来。台上一分钟,台下***。***所代表的东西很多,不能简单以数分钟替代。那些大标志如此,我们做的这些小玩意也一样。如果仅仅以最后的成果叙述,未免有些苍白。不具有说服力,也没有强烈的存在价值。

 

草稿

刚接到案子时,总是不会有什么特别好的思路。像如何打开思路,市面上已经有太多类似的技巧书,比如xxx创意培养、锻炼xxx的大脑、案子这样想XXX......我自己的方法还比较老土,还是差不多是学校时的套路。

  • 找资料——画草稿——飞机稿——正稿——.......
  • 找资料:这东西确实需要平时大量的积累,一般寻找时需要到“GRAPHIC_标志&字体

    ”翻翻就可以了。带着案子去思考,能很快找到类似感觉的东西。不知道这是不是设计师的第六感呢?笑

  • 画草稿:什么威风凛凛,大气等都是浮云,到了这一步,只是需要找感觉。粗糙在所难免,精细度不要过于纠结。草图就是草图,一种思路,一种可能性的萌芽。

    尤其对字体创造,很是有用。这次用了AI造字中的一种方式做,是不是该叫“铅笔工具扩展造字法”。教程中的第三种方法,制作步骤简单,三步完成。

    “导入草稿——铅笔工具——艺术画笔填充”。

飞机稿

老在江湖漂,飞机稿满天飘。做网页情况还好点,出多稿的可能性并不是特别大和多,有经验或时间有限的情况下,一稿过或一稿再修改的情况是常常发生。标志不然,它很小,有时候形状简单。看上去花费的功夫不多,容易延伸出很多很多可能性......

  • 标志的场景:

    单纯的标志特别孤单,没有什么氛围。更可能给人感觉,似乎没有做过的感觉。小技巧是赋予他们某个场景。像视觉应用或标志延伸,能更好的突出标志的含义,引发更简易的联想。

  • 更简便的搭配场景

    蛮有趣的在线应用,可以简单搭配出合适的应用场景。据说功能还可以更牛逼,反正自己感觉以后再不用苦苦的寻找应用场景,再苦逼的将标志粘贴进去,再调整透视角度和大小明暗,再......写出来都感觉特别的痛苦,从现在开始,可以多考虑做每个案子的时候,都能找到更简易的方式替代以往的方法。

    《品牌管理在线平台OpenBrand为设计师带来新的动态小样功能》

  • 阳光+冬瓜

    需求方每次问我为什么要这么想和这么做时,很难用完整的话语告诉对方为什么这么做。一开始想到的可能只是模糊的概念,就像上面写的“阳光&冬瓜”,前者很好理解;后者,呵呵,可能源自于小时候,每逢暑假时,天气很热,没有空调,最简单的解暑方式就是抱着个“冬瓜”睡觉.......笑

  • 背后的东西

    这有点像励志成功故事,往往只能看到最后成功的影子,却没人关注其背后的故事。成长 轨迹很重要,比最后的成果更值得保留。为什么这么做,如何快速执行多个方案,如何让设计稿最终能快速确认,都是些很复杂的东西。也是学校不能教给我们的,社会才行。

    最近看过一句话“设计师都是骗子”,还真是这么回事。除了设计外,还有很多很多东西.......

正稿

都忘了说,其实这是个快速项目。一系列活动的统一标示。最算最后呈现的视觉,也显得有些松垮和随意。当然,刚开始它其实很坚硬,主要受制于字体的影响。最终更改了字体形式,整体会稍微协调点说。

  • 项目文案:乐不思暑
  • 说明:

    1)笑脸:乐不思暑意为开心畅快,简约的一抹笑脸能暗示系列活动的愉悦效果。

    2)指纹:它是人的标志,也是通过手指连接网络与现实,不同需求的人集合一起,暗示活动的多元化,能满足不同群体。

     

  • 稿件:为了方便其他同学调用文件,确定的标志应该做成至少3种状态,彩色稿+纯黑稿+反白稿。

       不足的部分还是有很多,欣喜的是,找到些有趣的工具“OpenBrand”,值得回忆的手稿,还有这篇未来再回顾能用到的文章。

就算定了大致的图形,细节的雕琢还是需要花费时间

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年6月5日

61致青春!儿童节专题

       儿童节对于我们这类大孩子,更多不是回忆,而是感慨。或许,父母辈并没有我们那时候的物质,对于童年他们感触并不是很深。对于那代人,更多是阳光,草地和广阔的田野。而我们,留下来的则是是很具象的东西。可能是某个品牌,某种游戏,某个场景,某个.......

减法!挑一种重点

除了跳格子,童年还有记忆。周五上班时,看到公司正在派发红领巾和三道杠。似乎看到了当时值日时的场景,还有小学校门前,一排排敬礼的同学和老师。如果真要表达青春,能代表的东西实在太多了,不可能都一一呈现。挑选某个片段,放大某个细节,突出一两点就可以了。往往以前做设计,都喜欢一股脑子的将各种想到的素材都放上,最后对这些东西调整时,是很困难,该做做减法。

  • 红领巾&五道杠(主体)
  • 粉笔纹理(辅助装饰)
  • 拼音(辅助装饰)

引自自己lofter的一段话“纪念即将逝去的童年,那抹彩虹,那个袖标,那么那些格子......和依然静静躺在那里的水泥地.....61儿童节快乐,青春不朽。”

 

致青春!跳格子

主体文字有了,当然是想到视觉。在这个设计中,操作流程其实是反的。刚开始草稿上只有下面那个跳格子。那时唯一想清楚的就是,我需要用跳格子成为网页主视觉。当然,不是所有的格子都需要是白粉笔的样式,想想课堂上,很多时候还是有不同颜色的粉笔。同时,在实际操作时偷了懒,并没有完全模拟粉笔的效果。想的更多的是,用不同色块将重点勾勒出来,如果仅仅完全仿照白粉笔,可能效果会有所打折。

  • 重点区域:

    刚开始自己过于执着于构建完整的跳格子模型,将最重要的部分下移。即活动参与区域,看上去整体虽完整,但是却不易不察觉。设想利用稍微重点的底色,对比其他格子而言,且可点击的区域采用了“微闪烁”的效果。目的很简单,让用户了解到这里可以点击,这里是最核心的部分。

  • 信息层级:

    尽量将文字放在格子内呈现,呈现的模型应该是:

    线上互动区>线下活动>微信参与方式>其他文字

    其实专题的架构很简单,就是只有文字和两条链接,设计师要做的是将它们架设起来。使其感觉有参与的冲动。这里引发自己思考的是,信息层级和创意物如何结合的更自然。如果下次不是跳格子,而是别的东西,怎么植入信息?感觉上面那套信息层级公式还是蛮有用的,至少能让设计师在动手寻找素材和绘制图形时,更有针对性的配置视觉。

     

那些青春的飞机稿

  • 第一稿

1)大框架是使用儿时跳格子的模式,仔细研究会发现格子一般只有白色,之所以用彩色只是为了让它视觉呈现更为集中在中间区域。而且小时候,彩色粉笔也是常常使用的东西。

2)真正的专题和呈现稿有些不一样,没找到特别合适的主体人物,大家说那女孩子像女鬼...同时将核心参与区提前,虽然格子的形式被破坏了些许,但是用研角度看,需求方的要求是蛮合理和准确。

  • 第二稿

  • EMOOD

    那个马路转下来的面,感觉给人像悬崖陌路。路过的小吐槽下,嘿嘿 (6月5日 23:09):是路的转面问题,可以过度的不那么急 (6月5日 23:22)

  • 地址:http://gd.qq.com/zt2013/Children/index.htm

【延伸阅读】

儿时记忆!日本动漫人物

 

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年4月27日

关于我们!单页设计的价值

       以往电脑端yem盛行的时候,这东西显得还不算特别重要。除非是那些关注你业务的同学,很少会有人会看“关于我们”的内容。相反,在个人博客这里,却是了解博主的重要信息来源。

 

什么是关于我们:

这个页面说简单很简单,说复杂也很复杂。短短数字,就能将事情说的很清楚,配合些链接就能拓展内容。看似没什么内容可说,常常就堆积些文字上去。这不是做产品的思路,分析下看这个页面的受众,很容易划分出几种类型的用户,潜在的客户、员工和竞争对手。普通的用户较少会关注这部分内容,而前面说的三者,则是基本都看过你的简介(关于我们)。

  • 写给客户和员工:

    由于受公司性质的限制,不见得创意的形式会适合。这部分内容更重要是方便他们看到想要的信息。最好能将两者分开,客户更喜欢看到影响力和价值,数据型的图表和典型合作案例更符合他们的胃口;员工则更喜欢看到他们在这里的身影,对于潜在求职者,这也是了解企业的重要窗口。可以适当展示些工作环境、活动福利和公司动态。

  • 写给竞争对手:

    因为如果要做产品,肯定会拿同领域相似的产品做对比。同样,竞争对手也会通过这里了解你的动态。这主要指的是公司级的关于我们,如果是做为业余的个体或团体,这块内容就可以适当减弱。针对前者,这部分主要写的是你的优势,弱化劣势或干脆不提。

 

单页面的价值:

看到上面所说的数点,恐怕要将内容拆分成几个页面才能完成。上一个版本的关于我们确实是这样设计制作,由于不是自己经手,却要自己维护。会发现很多奇怪的问题  1)主要集中在页面片放置零散,维护成本过大。2)用户需要不断在切换窗口中寻找合适的信息,增加点击成本。

那么为什么么不将这些信息集中在单页面处理呢?单页面不一定就是简单,就只能代表一种功能,它其实也可以模拟完整的信息阅读顺序。这和一个交互原理“奥卡姆剃刀原理”很相似,都奉行一种“简单有效原理”,即不要用过多的东西就去简单的事情,较少的东西也能到达同一效果。尤其它是功能性的网页,能快速的找到对应的内容才是最重要的事情。

 

飞机稿VS正稿:

设计注定是苦逼的活,很少有机会一次通过。而优秀的产品也有类似的痛楚,第一版就完美的应用也不曾在世界存在过。在不断迭代更新的过程中,设计师主要看的应该是为什么要改?怎么改能快速简便达到目的。

    • 请增加扉页

看似比较无聊的需求,尤其是针对功能性页面。大家肯定都知道,增加扉页就会增加用户的点击次数,如果它只是一幅画或一组动画,你觉得用户会真的看完么?特别是非首次用户,长期不更新会增加他们的烦躁感。

第一版是针对这种体验,做了迷你的扉页。即包含最简单功能的展示页。预想后面的背景可以轮换,且能很方便的更新型的内容。下部类似metro的模块则是对应的主要功能。

第二版是根据整体品牌形象做了视觉延伸,将整体形象做了统一性的处理。

第三版觉得功能部件显得复杂,将其去掉。只保留轮换效果,考虑的模型也是基于整体品牌形象。

正稿!单页面的信息:

      经过上述几阶段的迭代,最后还是选择放弃上面的扉页挣扎。直接选择将关于我们链接到这样一个单页内。真正的单页面效果实现起来并不复杂。功能性页面无非是导航和主要信息的关系处理,最主要是关注分类和交互。

  • 分类:

    主要层级是三层,第一大类是精彩大粤、广告服务和联系我们;第二类是旗下的分支信息,第三类是隐藏在内容里的轮换信息,像广告服务里的报价。依据分类,主要在色彩上做了区分,刚开始设想时采用的是多彩色,橙+蓝+绿以区分三大类的信息。在视觉端实现时,会发现整体显得很花哨。

    导航就是导航,右侧的内容区信息才是最重要。所以最终处理的手法是统一同一种色彩,并且拉大第一个类间的距离和缩短第二类信息的距离。保证观看时,能清楚区分它们间的关系即可,这块左侧的导航区只是保持辅助作用。

  • 交互:

    交互模型沿用了招聘页的效果,即跟随滚动+当前栏目在导航区高亮的处理。具体可以看这篇文章里《为什么这样设计-招聘页改版》。在实践中,发生频繁变动的页面其实不太适合以上面的方法实现。尤其是有第三方的介入,往往会导致页面某些区域的点击失效,出现导航区断裂的现象。

    保持一致的交互,像最重要的导航交互都使用竖直的模型,也包含内容区广告服务的刊例价导航。而稍微次要的导航都采用横向交互,像图片轮换和合作案例。

    代码:

    1)主要的滚动代码是使用《侧边栏跟随滚动效果》,一个封装的很棒的js组件。基本能满足大部分随屏滚动的效果。唯一不是特别友好的地方是当需要滚动的组件在屏幕靠上的位置,精确点是610px以内的部分,在IE下会出现抖动的现象。最后不得不采用最傻瓜css代码的position:fixed。

    2)组件轮换会影响到字体的显示,问了前端的同学。也不能给出完美的解释,只要删除那段js效果就正常了。通过写这段CSS,能使部分元素显示正常。

    font-weight:normal;font-family:arial;

 

【延伸阅读】

“关于我们”页面的设计范例和趋势

腾讯雇主品牌——招聘官网改版项目总结

如何让“关于我们”的页面设计会讲故事

 

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年4月27日

信息扁平化!微信商家页

  信息设计是门很重要的课题,尤其在移动端,每个元素承载的信息都应该仔细斟酌。方寸之间虽小,每一步的设计都需要小心翼翼。为数不多的界面实践,刚好针对之前看到的无线端文章做了比对和总结,看似细小的交互部件,实际操作却能发现很多不一样的东西。文章文章,看了不进行实践看样子还是不够的。

快速模块的扁平化组件:

现在移动端的设计都渐渐趋向于扁平化的趋势。主要考虑是拟物化的界面制作周期较长,且当界面尺寸变化时,较难兼顾不同设备的显示效果。设计这个页面时考虑的也是这点,保证每个元素都能通过CSS书写。

  • 头部区域:

    需要组织的是标志,名称,联系方式和地图。由于是类似产品展示页,最重要的信息应该是品牌标志和名称,视觉上处理会放大这块区域。为什么会用圆形处理?

    1)移动设备基本支持CSS3写法

    2)圆形形状与手指相近,更容易点击。具体有操作的组件应该是保持在44px以上,当然这个不绝对。《触摸控件设计:44 pixels法则不再适用》像这篇文章已经对为什么是这个范围以及未来可能出现的新趋势做了详细的描述。

  • 列表区域:

    需要协调的是产品图片,名称,摘要。由于自己以往比较少接触移动端的设计,主要是对交互模型不是特别熟悉。看的东西很多,实际操作的却不多,别说将其整合成实际的产品。最简单的交互,是触摸和触摸两个状态。这个效果和电脑端不太相同,由于移动端已经不具备悬停状态。悬停的效果也只能产生一下点击的效果。手和鼠标的操作还是有很多的差异。具体可以看看《对于手势的一些思考》

多色彩的适配:

由于是商家页,注定商标肯定是多样化。不同的颜色绝对会导致单一的配色体系不匹配。这时候,设计时考虑的全面一点。一般让皮肤保持在5种色差较大的颜色。4种彩色和1种灰色,后者主要用于万用模板,灰色和大部分的颜色都能较合适的搭配。这点主要参考了小米V5的设计理念,它是根据头像适配不同的颜色模板,这点做点很人性化,同时也兼顾了整体美感。

界面生成演示图:

初看这个题目,看似很简单。大部分同学肯定会立马找到某个手机和平板将我们做的界面放进去。这个流程看上去并没有什么问题,一直以后都是这么处理。当然也可以利用三维工具建模,再贴图的方式实现相同的效果。这里说的并不是这个核心,下面是自己实现的应用效果。经过调整会发现整体的效果并不是特别理想,主要是图片由于拉伸,或者与目标设备的尺寸有偏差,容易产生变形。

   容易产生的问题

  • 界面尺寸与效果图的设备不一致。由于移动设备的尺寸多样,很难保证我们做的界面适配多个设备。如果强制将界面放到设备,只会让设计元素有拉伸失真的现象出现。

Placeit by Breezi 效果图自动生成

这个是个将设计师工作简化的工具,大部分我们需要演示效果图的话,都需要像上面那般捣腾PS。每次都需要经过设计师之手,像PM和交互每次动不动就找设计师处理。有没有更好的办法呢?当然有,我们可以通过这个网站将自己的网站截图搬到iPhone,iPad,iPad mini,Lumia,Galaxy这些设备屏幕上,并配上手持效果,真实度要比纯粹用PS合成要高。很简单对吧?

  • 上传图片:通过导入界面,生成真实效果图
  • 输入网址:直接输入网址,也能展示出在这些移动设备上页面的效果。
  • 地址:http://placeit.breezi.com/productshots/

 

【延伸阅读】

Ps Play——移动端预览Photoshop设计零阻力

通过WiFi,实时在终端设备上预览电脑上Photoshop的当前的设计窗口。

 

 

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年3月22日

黑夜有声~地球一小时专题思考

分栏目式情景

 项目背景:

需求方提供的资料显示,活动主要分为三部分。三个的主题基本是环绕地球一小时活动展开。两个活动都是指向有氧音乐会,最后一个活动则是配套的相关活动。总体考虑,设计元素的分配也应该有不同的处理形式,前两者的视觉形式基本一致,最后那个形式有所独立。

贯彻主题,采用了大背景设计。这是今年来流行的潮流,因为视觉冲击力强,对用户具有很强的吸引力。比较适合活动类主题,需要传达的信息少,有明确参与动机的项目。这类型的设计蛮适合卖弄创意和版式效果,有点像平面广告。通过构建每屏的画面,传达不同的诉求点。延伸信息:《网页设计中背景的创意风格与设计趋势》

利用交互特性增强体验与平面广告不同,互联网的设计更强调交互特性,实现成本低。有时候路过公交站,看到某汽车公司投放的互动广告,是通过乘客手部触摸机关,让广告有点亮(开灯)的效果。而网络实现效果就简单多了,可能只要通过一个<a>标签就能完美实现,之后要考虑的只是如何将信息更有动感的呈现。可以根据项目时间判断是不是需要动画效果介入。延伸信息:《感受爱在身边 腾讯QQ14周年》

设计需要指导项目其实需求方对画面效果大部分是没有意识,他们能通过精确的名字描述,但不太容易联系到对应画面。只有将视觉稿做出来,看了以后他们或许发出一声:“哦,就是这个效果”。当然前期受到策划案是就要考虑清楚大致的实现效果和技术难点,以建议的口吻告知对方设计师的设想。从语言沟通上得到认同,不容易走太多的弯路。侧面也说明沟通的重要性。1)策划和设计同样重要,清晰的思路让设计师快速地通过文字就整理出大致的视觉形象。如果单单丢一个别人的案子,不写任何说明。相信设计师也会随便应付你随便的策划草图。

 

2)为了加速开发进度,基本还是沿用以前的程序框架。在视觉上做了新的更新,也能算是新的尝试。就像小米V5,视觉包装也能产生耳目一新的感觉。

 

 

延伸信息:

晓生对这些问题有过思考,看了6篇系列文章,感觉不错推荐下:

(1):沟通与信任

(2):设计师的牛脾气

(3):需求不明确怎么办?

现场舞台背景的考虑设计师喜欢自我意淫,往往爱好站在自己的角度思考。似乎每个人都有这个毛病,在需求方提出修改要求时,先别急着修改或反驳。静下来几分钟,想想建议是否合理,比如这个物料是用在昏暗的酒吧环境,现场表演时,灯光是暗淡或熄灭的状态。

1)处于设计师考虑,会想到视觉形象的延伸。自然而言会做出网页主视觉的延伸稿件,但是其中出现了上面的致命问题,功能性被严重削弱。虽然现场舞台背景是6X2.5米,由于网友座位离舞台距离不一,实际效果是文字可能不易被扑捉。减弱了品牌的曝光度。做地推蛮重要的目的也便是推广品牌。

2)有些时候,需求方提出的要求虽然感觉视觉上会较丑陋,但是站在对方立场,大部分情况是正确。尤其是对市场和环境熟悉的客户,耐心听取其为什么这样思考,怎么解决问题,对每个设计师的成长也蛮有作用。未来,设计师思考类似需求时,不自觉会考虑的越来越周全。

3)很重要的是理解每场活动的主题,这需要我们很好理解整体策划思路。设计师有时候一不小心偷懒,直接拿网页端的内容复用。会抓错了重点,每次地推可能需要突出的重点不一样。比如这次是“有氧音乐会”,而非地球一小时。最好还有一点,如何文艺且隐蔽的推广品牌,很值得一直不停的思考。

2013年3月10日

阅读&配色——”娱乐毁三观”设计思考

专栏的阅读顺序

专栏的区域划分有明显界限。核心信息区放在明显的位置,且每段有明确的标题。弱化装饰(设计)带来的阅读障碍,尽可能大的区块空隙。这点可以参考书籍设计的版式,左右留的空间要比上下区域的空隙要宽。

  • 左边区域:理想的用户阅读区域宽度大约是550-600px,这种宽度只针对长篇文章的阅读习惯。短文可能就要更短。大部分情况,如果只有文字作为全部对象,会显得过于乏味。这点和传统的书籍有点不同。传统书籍很多内容都是以文字组成,甚少图片元素穿插。1)长文章理想宽度是550px左右。2)左右空隙要比上下空隙宽大概2-3倍。3)试着在底部加上反馈功能,如一个喜欢的按钮。
  • 右边区域:其实这部分可以模仿博客的形式,辅助信息放在右侧。最好能有网友互动的部分,考虑到不同屏幕的兼容性。部分网友反映右侧的区域不能看全,因为采用的是跟随滚动的形式,只能保证最重要的信息永远存在。1)右侧部分滚动区域的高度应该是<=500px2)返回顶部按钮是必须存在,尤其文章过长的情况出现。3)有交互功能的部分放在这里,最好能按属性划分区域。如分享,评论,微信这些独立的区域,免得用户混淆概念。可以利用图片,宽间隔和线条区分不同的区域。

栏目名是“娱乐毁三观”,听上去挺大众和屌丝,每月出两期线上版,为了不增加负担,减少设计参与度。方便编辑更换底图。设定的时候尽量简单化处理,整块区域做成一张底图,每次只要更换左上角的底图,这时候,编辑需要掌握基本的蒙版概念,对图片做一定的渐隐处理,而且要明确告诉对象,选取图片时,尽量选择偏深色的素材。

 

【阅读体验】

 

娱乐八卦看香港色彩

大部分的娱乐类栏目其实都可以参考香港杂志的模式,特别是其用色方面,它们极具标志性色彩。分析其配色方案,得到的初步印象是CMYK(印刷的4色)。这四种颜色都拥有高纯度和高明度的特点。辅助色则是各色的照片。由于大部分图片都是偷拍,成像质量不高。如果做成类似高端杂志的感觉,不太合适。主要可能是考虑到不够显眼,这种配色方案容易令人引起注意,也算是一种约定俗成的娱乐配色体系。

  • 1)娱乐配色:CMYK+黑色(成像质量不高的照片)
  • 2)字体组合错落有致
  • 3)字体较粗,大部分有底图或描边

 

利用工具分析:Color Hunter

地址:http://www.colorhunter.com/

曾记得大学童鞋一天突然问我,中山印象是什么?我建议他从相关的图片选取代表色,比如是中山市的地标建筑,风俗,气候等等。这时候,我想起是这款分析工具Color Hunter。如果我想知道图片的配色,可以通过上传照片,电脑会给出大致的色彩方案。这是我上传香港八卦杂志的封面得到的配色。与自己分析的结果相比,可能电脑的数据会不太准确,主要是干扰的元素太多。人物的肤色,头发,照片背景都会对结果产生影响,只能将此作为参考,主要的分析任务还是通过人去完成吧。

___
© 2009-2020 imiten.com 版权所有

ICP证:粤ICP备15075518号


 

___
站酷 ZCOOL    
花瓣HUABAN    
 

 


知乎ZHIHU         
豆瓣DOUBAN    
  

___
时间在哪里,成就在哪里