夜间模式设计的研究方法

移动界面设计点滴(4)——为了阳光而设计
六年前,我写了这样一篇短文。
六年后,手上的产品终于做到了一定实践。
看起来,发生了愿景中两个关键设计,适合的灰度与色彩对比度、适合的环境参与。
并将应用在多个产品中,所以分享供研讨。
这组Slideshow的关键内容是,对于竞品夜间模式的总结思路。
⽬前市面上夜间模式的取色标准,主要基于设计师的主观经验。但落地在产品中的数值确是精确的。那是否存在唯一真相?
下列量化方法可行的前提是,我相信主流设计师的直觉。
所以,通过对设计进行逆向还原、利用模型分析(HSV颜⾊色标准聚类分析、WCAG对⽐比度计算),进行判断。
PDF

Download the PDF file .

为什么去“设计”?

me_mdongorg
纸面速写《迎着光,静止》
它是否在激发你的灵感?开始一项生意?设计一个产品?改善一个想法?它是否使得你去改变与模仿?它激发你旅行?或生活在一个另外的城市或者国家?
你是否需要某个人同样去告诉你,你的产品/想法/执行/品牌是如何伟大?我们说不要担心别人如何想,相信你自己的判断。当其他人怀疑时,坚持你的信念。停止等待最好的时间去做你想做的事情。只需要向它而去并且立刻去做。
不要追随潮流趋势。你可以碰触到最COOL的事情是做自己。在世界中旅行,在其它城市生活,学习不同的文化。学习,可以保持你的思想年轻。身份的焦虑,不要因此抱怨。
但是你对于你需要做的事情要心存愿景、坚持与自信。
如果你的工作真糟糕,不要责备其他人,你的老板、你的父母、世界。只是退出,并为自己的选择负责。这并不关乎一个糟糕的工作,而是关乎你进入到了一个错误的地方,你将变成什么样的人。
开始做近些年随时光溜走的想法,承担风险。相信你的感受。直觉是可靠的。
坚韧与集中精力在执行,不管开始是如何让人气馁。自信你所做的事情,即使有别人的怀疑。
为自己创造机会,这正是进步的时间。
The coolest thing you can do is doing it. – Bill Tikos (TCH)

llolli 1.0 release

We release llolli 1.0.
Designer 小气的神.
Llolli is a todo & calendar app.
Designed with love, Llolli is a new experience that will make your life easier.
Features
• Fast to create todo use text, voice, photo.
• Fast to transform between todo and calendar.
• Suggesting you with color base on current todo list.
• Compatible only with Google Calendar for now.
• Reminders.
• A completely redesigned calendar experience for your iPhone.
• Support browse calendar by day, week.
Download from AppStore
llolli_mdongorg
关于这个设计,还有一个很美好的经历。
有一天收到Vivian的信,那是一封《一个关于你的梦》。
穿越时空 🙂

在梦里,我和其他同学是一群进到了一座木头做的高塔春游的孩子。
这座高塔非常大,木板老旧,黑黑的,但十分结实。每一层都有很不一样的风景,住着非常不一样的人。
最初我们在顶层,并且我知道我们将要一路下到底层。
顶层是类似旅游景点的购物中心,非常喧闹拥挤,我挤到一家杂货店门口,门前挂着各种帽子和一串串的各式杯子。(因为在现实生活中我一直想买一个便宜的瓷杯子的缘故)我一眼看到了一个3刀的杯子,心花怒放。刚准备买,此时听到我朋友使劲喊我,快走快走,来不及了!(虽然我也不知道来不及什么)
没来得及付钱,而且我头上还戴着一顶刚刚试戴的帽子,蓝色的蓝猫造型的帽子丑得非常诡异,而他已经拉着我的手开始在人群中狂奔(就像千与千寻里面的白拉着小千飞奔)。
我们一路经过黑暗的甬道,坐过旋转的滑梯,下过陡峭的楼梯,跳过吓人的裂缝。由于梦没有逻辑的缘故,路上我突然得知,小神,你是我这个朋友的亲戚。他说,你不是一直想找他么,我经常去他家的,带你直接去见他好了!他住在塔的八层。
于是终于一切宁静缓和下来。这一层没有人,静静的地面上有绿植和苔藓。听得到水滴的声音。远远的石板路上还能看到各种牌匾,正对着的一个写着“鹅”字的牌匾下,是养鹅的棚子。对,这里我来过,有一点印象。那还是久远之前的另一个梦里的事情了。
黑乎乎的角落里,门缝中漏出一丝光线来,那就是你家了。我还在犹豫该如何敲门,朋友就已经大大咧咧直接掰开了门,对里面叫到,嘿,小神,我们来了。
里面是日式结构,榻榻米上的茶几围坐着好几个人呢,你们起身迎接我朋友,我跟进来的时候不由得害羞地捂住了脸。要做不速之客了呢,而且还是要跟小神说这么令人感到脸红的事情。
在梦里,你穿着一身黑衣服,头发不短,看上去很友善。(有点浦原喜助的赶脚)你笑着问我,有什么问题可以帮我解答呢?我拐着弯说:“在设计里面,借鉴和抄袭的界限是什么呀?” 你笑笑地说,“没那么清晰,可能你觉得是就是吧。” 于是我就很不好意思的说了我借鉴了你棒棒糖设计的这件事,然后你很大度地说:“没有关系呀,很高兴你喜欢~” 当时我们急着走,于是你送我们到了门口。就这样匆匆道别……
接下来我又穿过了黑黑的走廊,穿过了养鹅的地方,回到了熙熙攘攘的顶层,与小贩买帽子和杯子去了……
(梦完)

用Photoshop/Fireworks创建9PNG图像

写这篇帖子是突然觉得自己土啊,没做透彻,引以为戒。
如果9PNG的制作者不是DEV,而是UE,就不需要draw9patch.jar这个工具。
UI设计过程中的Photoshop/Fireworks,即可精确且高效地导出9PNG。
关键点:

1.元素四周设置边框为1px的全透明背景(看起来跟在draw9path一样)。
2.可以填充的内容规则:不透明纯黑色的线条、点、2个分开的点。
3.左右透明区域控制拉伸,上下透明区域控制内容。
4.后缀更名为.9.png。
范例:

mdongorg9png
(图像点击可放大)
个人倒是不建议把9PNG的控制权给DEV,通常他们不能通过draw9path.jar控制图像的质量,以及精确地了解图像伸缩与内容显示的区域。
最起初引发重新学习的过程是碰到draw9path.jar在MAC系统中不能运行是缘由所在路径中包含中文。

好玩的书 for new iPad release


一周前,好玩的书在app store审核通过并正式上线。
itunes链接地址
hǎo wán de shū ›››
好 玩 的 书
中国首本全新创意娱乐休闲图书《好玩的书》欢乐登录iPad,告别无聊宅生活,Color Your Life!
全彩设计+原创手绘+高清配图+创意互动+娱乐参考,绝无仅有!
当当网、卓越网、京东网、豆瓣网全5星好评,休闲娱乐类销量第一。
iPad版本 ›››
第一本真正意义上的iPad全彩中文图书;
精选《好玩的书》中100个主题内容,原味呈现;
完美支持New iPad Retina屏幕,视觉效果更佳;
内容持续更新,好玩不停;
在线互动,分享你的好玩。
Team ›››
神马策划 & 系统管理员 高少星
工程师 iGlare
设计师 小气的神

Letao-iPad客户端视觉设计探索


去年小神执行了该产品的前期视觉设计探索过程。
中小公司的互联网产品过程,有时的确是急行上路,没有市场调研、没有可行性验证、没有完善的产品开发控制……每一个过程都不能完全被信服,甚至有预感的平庸,时间却又容不得深入挖掘。
该设计也就是在这样的情景下,两个工作日的产出。
设计限定
功能与流程遵循既定线框图
配色方案遵循乐淘VI


继续阅读Letao-iPad客户端视觉设计探索