笔记。。。没有华丽的辞藻,生动的解说,专业的配图;都是一些随时想到的和比较简单的理论。。。

...

重拾英语。。。

发觉英语还是挺实用,看国外的设计文章信息什么的,会方便点。如果出国旅游也不至于变成哑巴哈哈。

 

关于密码

我有自己的一套密码管理方式,一直因为懒没整理出来。然后今天听anyway.fm分享的:我換了密碼,也改變人生   发现居然和我的方式有类似的地方!有兴趣的可以去看下这个,他在TED上也有这个主题的演讲(英文):

How a password changed my life

说下我的吧。

不同账户最好是用不同密码,不至于一个账号被盗后,所有的账号都被盗。但是不可能所有账号都独立密码,于是就需要对账号和密码进行管理,方便记忆和使用。


  • 我将我的账号组分成了6个级别。

S级,每个账号独立密码。一般是安全账号、银行卡、支付密码、社保公积金、手机密码等...

 

关于动画的点滴03-情感

动画相对于UI来说,是多了很多感情色彩。

UI、交互之类,思考各种逻辑,各种目的目标,各种引导用户,各种使用流程等,而动画有时候会需要很多具有感情色彩的东西,让动画更生动有趣,更好表达想表达的。

例如一个动态表情,人物的情绪是不会突然出现的,情绪出现的节奏,变化,是有一个心理变化流程的。也许可以用起-承-转-合来形容,然后这个变化过程用合适的细节元素来表现。什么地方先动,按什么原理动;什么后动,要卡什么节奏点才更有感觉。这个节奏处理的好才能更好的传递这个表情的情绪。

所以做的时候经常要想象自己处在那个情绪或场景下会怎么做,是什么样的节奏,体验那个情绪,很有意思。


这个是动画的魅力之...

 

关于动画的点滴02-工作

设计这个工作其实挺分裂的,就游戏动画(或者说动效)来说:


(补图,工具图标)

第一步需求分析阶段,我会了解产品目的目标、用户特点、产品流程、梳理设计定位、了解交互流程、工作内容、计划等等。这些算偏产品

(补图,工具图标)

第二步设计阶段,我会用先出草图或分镜,然后用AE来做效果,定出大概视觉和节奏。然后再调节奏细节、确认时间点、优化视觉等等。这些是偏设计的

(补图,工具图标)

第三步制作阶段,确定的效果,用龙骨或者其他软件用于动画输出,制作动画并输出。需要考虑性能问题、资源管理问题、动效层级、可复用性等等实现问题。需要把细节想周全了。这些是偏技术的


第一步是需要清晰...

 

关于动画的点滴01-夸张

游戏,从画面角度看,其实并没有完全的再现现实,都会做艺术化的加工。这个很容易看出。就算是写实风格,也是和现实不同。

例如饱和度比现实要高;远山会灰的严重而且比现实更蓝;雾多数因环境光影响都有明显的颜色等等。

(补图,地平线、神海4、光环等)

更别说动漫、Q版等。

(补图,最近收藏的)


说下Q的风格。

Q版角色。夸张的头身比例,巨大眼睛小嘴小鼻子,本身就是一种夸张化的表现,这种比例让人物更靠近婴儿的感觉:婴儿头小显的眼睛大,身体更小显的头大。。。所以会给人Q萌的感觉。

(补图)


所以动画,必定也是遵循这个定位做夸张化处理。

看看迪斯尼的动画,无论是早期的2d动画,还是现...

 

设计师嘛,其实就是一种手艺人

如题。

顺便安利下一部很特别的纪录片《寻找手艺》

三个门外汉搭成的草台班子,花了126天,辗转23个省份,寻访199位手艺人,记录了144项传统手艺,历时三年。十几家电视台拒绝,却在B站火了。


我最近比较多悲观的想法,就是和这些手艺一样,无法适应新的环境,就会被淘汰。很现实的问题。

例如铸剑技术多厉害也好,枪炮已经取代了冷兵器;例如各种手工染布或者其他技术多好,和工业化相比也没什么优势;例如看《百鸟朝凤》的时候就是这种感觉,很多的传统技艺在消逝。

手工艺的缺点是时间、人力成本高;部分手工艺品已经不是钢需品,而是收藏品;


如果工艺品的价值还是本身用途的价值,没有附加值,那么就...

 

关于《锵锵三人行》

小时候我是个电视迷,不过电视迷真的有电视迷的好处,例如看到锵锵三人行这样的好节目。

锵锵三人行对我确实有挺大意义的。

当时我一小农村的初中生,知道的并不多,可想而知从这节目了解到的信息之多,虽然很多当时并不全懂,甚至一开始听的过程都跟不上他们说话的语速。

老爸就说:他们说的你听的懂?

但慢慢查阅了解,越发觉得节目内容涵盖广、信息量大。慢慢也挺的懂了。

嘉宾都是各行各业的精英,观点意见都很独特,看问题的角度各不相同,不同的角度又会有不同的结论。这些对当时的我看问题的态度影响非常大。人只能是局限于自己所知的去思考的,当遇到这种观点的碰撞,会互相启发。多角度去看一件事,前提是要掌握足够的知...

 

哈,新手绘板到了!随便画一下。

 

javascript的坑

用了群晖的note station(简称NS吧)的笔记应用,开始反思日常对笔记的需求。

  1. 笔记(印象笔记、onenote),真正意义上做笔记的,满足各种类型的笔记。

  2. 任务列表(doit.im、奇妙清单),GTD类型,列任务然后一个个完成。

  3. 便签(sticky notes、记事本),同事过来对接工作可以迅速记录,代替纸质笔记本,之后整理到上面两个,一般不会保存下来。

1、2已经被满足,3反而是没有合适的,因为需要快速记录,需要打开快、界面简单、操作方便,所以笔记软件反而是不适合,只能是记事本这类。但是由于我是做设计的,图片会是经常用到的,我经常会复制到QQ聊天框,然后再整理,...

 

感觉最近的更新都比较水呢。。。好久没静下来想东西,都是玩王者荣耀去了。。。捂脸




图片是工具列表,生活不容易啊,什么都要会。。。








最近有点想学javascript,因为可以写写小工具来玩。


了解了下,Adobe air要用as3来实现,单用Javascript不行的,还要学多个as3,这难度就大点。最后决定还是学Javascript,小工具写chrom应用,可以媲美桌面应用,满足我需求了!





 

私有云盘

======2017年5月13日=====

首先我不是程序员,不懂服务器、网络那些复杂的东西,原来的出发点仅仅是因为想代替百度云同步盘,有自己的云同步盘。


周末终于装了群晖216play。

现在终于有了自己的私有云盘,群晖自带的,虽然现在还卡的不行。暂时的同步方案是,公司、家里电脑、nas用cloud station同步,nas用cloud sync和百度云同步,二次备份。

note station,已经替代了evernote和doit.im(doit.im的会员费省了),想不到功能还挺好,用着顺手。chrome版挺好用的。

工作又快又轻松的人,是如何节省时间的? (附...

 
/
 
/ nas

原动效不是我做的,来自追波。。。

但是这法棍怎么看都像翔啊。。。于是,用PS加了烟的动效上去。。。热的。

 
/
 
/ gif

抉择的时刻到了。。。

理性版本======================


其实专业分工和我的观念有点点冲突。


我是觉得我们是在做项目,所以关于项目的很多很多东西,只要有帮助,我都愿意去做。所以UI啊、动效啊、banner啊、图标啊、原画啊、开发要求改切图啊、跟开发纠结实现细节啊、加班啊。。。(有些是职责范围内)


提高产品的营收是很重要的事情,所以大部分的事情都是围绕这个目的去做的。


视觉是一部分,还有其他很多的事情。产品设计是最重要的,但是我能力暂时是无法做产品的。后来我就比较注重用户使用的流程和交互细节,算是交互设计方面。这可能比视觉更重要的事。用户是带着目的使用,流程必须流畅,必须...

 

小分享

因为要验收设计效果,经常要测试。测试就需要简单配置测试环境,例如手机连电脑的代理,电脑修改host设置。

然后需要查看线上版的,又需要把host设回来,然后要测试的时候又再配置回去。。。其实很麻烦。。。

本来想找脚本自动配置host的,后来用个很简单的方式切换host的配置。

系统host备份文件和加了地址的host放不同文件夹,然后用两个.bat脚本来执行复制相应host文件到系统文件夹下。


切换测试和默认host配置,只需双击。


 

流光设计思路

为什么界面一定要堆满按钮?-说点什么“...”

之前的文章(写的比较乱)提到,流程的不断细化,细化到最细节的地方,然后根据用户的操作和心理的变化去安排界面元素的主次,并适当动态化展示。

这个方法最近优化了一下,从产品目的和用户体验两个角度去细化流程,会更清晰设计的重心在哪里。


每当设计中遇到问题(例如产品总是反馈:要更强更突出更显眼更...,然后多次修改),我就会尝试用这个方法梳理问题,体验毕竟要考虑产品需求问题。


直播间的送礼流光设计。

从产品的需求角度讲:流光需要展示连送的视觉(展示给所有用户),刺激用户整组送礼和连送(刺激送礼用户),并一定程度上刺激所有用户。主...

 

画的小手用不上。。。删掉之前做个gif玩一下。。。

 

腾讯新闻。。。

腾讯新闻反馈页面居然反馈不了。。。

腾讯新闻的用户量是巨大的,新闻和评论的影响力是巨大的,甚至是会影响很多网民的想法和观点。很重要的工作!

之前看到腾讯新闻的评论满满的槽点,现在好点了,每个离谱的评论都有人去回复,去纠正。


网易的盖楼,在阅读上虽然容易出现很多重复内容,同时很多其他用户的回复被刷到很后面,降低展示机会。但是优点是观点会更显而易见,多人的楼从头看下去就知道第一楼评论的观点是否偏颇,而且盖楼阅读更有连贯性。

腾讯新闻的评论里,却容易出现,第一看到的,是很离谱的评论被顶上去,而且想去纠正这些评论也无力。点击回复,并不会展示其他人的回复;查看回复需要点击的操作,而且按钮视觉...

 

原生加web

还是原生app界面加web遇到的小问题

原生界面,特别是Android,需要适配很多尺寸分辨率的屏幕,已经有一套方案来解决,就是用和显示密度相关的dp为单位,宽度尽量自适应不写死,等等。


遇到的情况是:

界面中部分web,部分原生。web写死的话,密度高于320比例的,左右会留空;直接按比例缩放,高度会按宽度比例缩放,高度又不可控(原生给的高度是固定值),某些情况会显示不全;按原生的方式写,高度写死,宽度自适应,高于320比例的,元素横向距离变大,变的松散;

总之都和效果图有差距,最理想的是原生给的高度可以和设备宽度按比例缩放,客户端开发暂时没实现这个。

最后采用,内容写死,控件...

 

描述颜色

突然想起我曾经写过一个判断颜色属于五行的色域的方法。(点点上不了,重新记录下)

简单讲,就是将相片颜色的所有像素点的颜色,获取并区分属于五行某色域。

五行的色域大概就人理解的红黄蓝黑,五行色域必须包括了整个rgb色域。(五行颜色色域参考https://www.douban.com/note/155267887/)

但是用rgb无法准确描述我们口头说的颜色,因为rgb颜色系的特点。我们能描述和理解的颜色系,是:色彩、纯度、亮度。所以rgb上描述色域,最后总是无法包括整个rgb色域,总是会有些颜色没包括或者重复计算。

花了点时间才摸索明白这个道理,然后通过rgb色转化成hsb色来解决。...

 

自己调了不下20版,原icon过分立体,透视角度也不同,为手机端可以很好识别也做了一定夸大处理。

嗯,最后还是用不上,删前发一发。


感觉可以整理一个:那些年被飞机的设计。

 

阴阳师的问题

最近玩阴阳师,和以前玩刀塔传奇一样的节奏,有点迷了。。。


二次元动漫风、日语顶级声优、回合制、漂亮的式神、收集控、和风、好看的剧情故事、剧情甚至带弹幕等等,初次吸引目标用户的元素非常多;

更深入的玩法是:网易风格的式神评论、好友系统、组队打怪、式神的获取;

再深入:人物与式神的组合、式神组合、御魂搭配、式神觉醒、斗技(类似竞技场)技巧。


可以说,不同用户的不同喜好能得到满足,初级用户到资深用户也有各种针对性打法;确实是比较成熟的游戏产品。不过话说回来,确实后面就开始疲劳了,人物升级慢导致剧情看不了,式神的获取难,升级慢,升星难,觉醒非常麻烦等等,需要浪费非常多时间且非常无聊...

 

两点记录-智能对象的链接文件方式,移动端web实现的弹框

1.发现PS功能,智能对象支持链接到图片。

右键可以看到链接,然后链接的图片支持自动更新,亲测支持png。也就是说,智能对象链接的图片文件一旦发生改变,psd里面会实时变化。

应用的场景可以是这样:智能对象链接智能切图,改动设计自动生成切图,然后智能对象跟着更新。跨文件的改动,不用一个psd一个psd去改了

例如:界面b、c、d的底图是智能对象,链接到界面a的底图的智能切片(假设为底图.png);然后,一旦所有界面底图需要修改,只要:  ①.改界面a的底图设计 - ②.保存(自动更新智能切片底图png) - ③.其他psd打开...

 
 

工具-关于懒人的思维方式

总是看到程序员对于代码复用、对样式的管理有很好的方式和工具,对于重复性工作甚至可以写个小工具自动完成。

虽然我不是程序员,但是这种思路是值得学习的。为了更高效完成输出工作,对设计输出优化是很有价值的(其实就是方便偷懒)。


既然是规范,就整理个样式以后用。

为了让其他人更好使用规范,用psd整理规范;其他设计师使用的时候直接拖规范里面的文件去用。

感觉好像很方便,但事实是使用过程中非常不方便:

每次用都要找到规范的文件,然后打开;而做设计至少也已经开了几个文档(什么旧版啊、参考啊、交互文档啊、其他psd文档啊),然后一直不断的在几个文档之间繁琐切换,检查。。。


作为懒人的我,...

 

某logo

某logo的设计接近尾声,这次收获不小,小结一下:

1.一定一定要充分理解需求,从各种了解对方各种信息,分析对方适合什么样方向,然后什么样的方案才可以实现。从业务方向、服务特点、产品价值、行业、处于何阶段、市场定位、用户定位等,等进行了解分析。

2.提供的设计方案尽量完成度高点。做到一半的设计对方永远无法想象你还可以怎样更好看,也许有这种情况,但是不要侥幸,做好自己。

3.能有使用时的效果图,有场景感更容易说服对方。

4.不要陷在对方的细节修改意见中去调整,会改到死。重新分析梳理需求,对方是基于什么考虑,应该怎么去处理调整设计。

5.最好是有完整的设计思路的说明,元素的使用、颜色的使...

 

工作

以前就职过的PR公司,有个新人以非常快的时间,完成了从AE向SAE的升迁,比别人快了整整半年。她是怎么做到的?很简单。她刚接手的工作跟其他人一样,就是做数据的录入和整理,无聊又繁琐。但是,她没有仅仅按照上级的指示去进行重复的填数据工作,而是会去思考:这些表格为什么要这样设计?这样设计是不是最合理的?如何改进才能够更高效地呈现有效信息?

过了两个月,她深入自学了EXCEL,摸透了这些数据,重新设计了一个表格模板,将之前复杂的多个文件简化成了一个,一下子减轻了三分之一的工作量。



作者:Lachel
链接:http://zhuanlan.zhihu.com/p/21553824...
 

很黄很暴力

为啥直播里面,秀场直播和游戏直播会那么火?都喜欢花钱送礼、花钱刷存在感?土豪的心理好难懂?


引用一个心理学概念:力比多

力比多,弗洛伊德把它看作是人的一切心理活动和行为的动力源泉。

个人的理解,力比多直接体现出来,可以用一个图来表达:

http://blog.sina.com.cn/s/blog_58f8ab2d0100xp25.html

就是这张人类进化图表现的,控制(权力)、暴力、性。几乎可以说是人类最原始的人性。

引用一下百科(好吧我就知道这点皮毛而已)

按照弗洛伊德的观点,许多单个的本能都可以归入两类主要的内驱力下。一类是生的本能,通常称为性爱(Eros)或性;...

 

删除前发一发

 

关于不同平台的设计

PC端、移动端、web端的设计,其中移动端又主要分iOS端、Android端、pad端。

不同平台有不同特性,不同交互特点。举例说吧,iOS和Android,物理键的不同,造成的交互设计会相差很多。手机大屏后,手点击区域有限,返回键更难点到,于是iOS有了侧滑返回,Android也终于推荐使用底部tab栏了。

说说PC端的设计,因为移动互联网的蓬勃发展,很多移动端的视觉甚至交互,慢慢影响到了PC端。甚至,屏幕可触控的设备普及的话,PC的交互会有更多变化。

当然PC端本身有自身的硬件优势、交互优势。屏幕大,键盘更方便输入,鼠标的悬停交互等等。


所以,看到移植移动端的设计过来PC端的行...

 

救火

以前导师告诉我,一直在救火,就把救火的工作当日常的工作,最后做到准备好各种方案应对各种火。对救火工作系统化管理。嗯,改造成消防局的节奏。

不过现实确实是很难做到呢,第一救火的时候就很忙,而且需要别人也有这种意识。

好像是项目经理考虑的问题。


不知道自己想说什么呢,嗯,还要改图,因为你懂的。