Category Archives: Visual & Product

Design and mylife

夜间模式设计的研究方法

移动界面设计点滴(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

Read More …

milk香港版——瓦尔登湖的语

我们被迫生活得这样周到和认真,崇奉自己的生活,而否定变革的可能。……可是从圆心可以画出多少条半径来,而生活方式就有这样的多。一切变革,都是值得思考的奇迹。
——《瓦尔登湖》

不想这样结束,但真的结束了。

————

很荣幸,在这个移动应用市场的早期,全程handle的产品设计。
很荣幸,在没有marketing资源推动的日子,依然收到的三方媒体社区用心点评:

Softonic
MILK香港版电子刊物 http://milk-hk-ios.softonic.cn/iphone
Tech2IPO
HT实验室:做“走出去”的设计之Milk评测 http://tech2ipo.com/44460/

特别想记下milk当家总监kabo长期给予的耐心与支持。对于一款阅读产品,产品设计与品牌内容资源同样重要。
————

There is no time。还是要几个产品碎片留下⋯⋯

无间

很想让使用它的人也知道,我们传达信息间的连贯与流畅。这种意愿的传递,不再只停留在静态。
在内容视图里,标题与内容将通过带有金属气息的线条分割,箭头标示了两者的层级关系。
切换视图的状态,银色箭头跟随标题长度居中的运动场景与开合方向,指引信息间的关联。
不孤独。

冰山

呼吸的节奏

回归平静,在睡前,在感受呼吸的背影间。

一直在你身边

献给这个产品过程、产品开发团队与milk同事。
尤存。

旁白网pangbai.com-发布

pangbai.com_mdong.org

旁白pangbai.com
用设计打动生活,为你带来灵感、乐趣和完美的购物体验

嘻嘻 好久没有release webpage设计。

已正式上线。

产品创造过程中经历的三个角色

小神,有一个短平快的职业始端,视觉、产品设计、产品管理都在经历。
角色跟随不同项目调整,也会在一个项目中扮演多个角色。
闲话走着,小神enjoy的每一个角色:

当化身视觉设计师……

基础的VI设定color scheme、logo、字体……
喜欢icon的推理过程,关联icon环境的关系、含义、风格、塑造、轮廓、层次、肌理、灰阶、色彩、光源、投影、反射与折射光线的物体作用、不同状态的效果、动作、开发友好……
最开心的事情是完成第一个icon、继而所有icon的并列、修复每一个pix、设备模拟仿真……
享受蜕变的细节,赋予着图形于灵魂。柔和随心,缓若浑石;落日入理,暗似寒冰……

其中,设计作品不会是艺术作品。艺术作品的创作者,只需自我心境传达,无关形式,无关看客;设计作品更像是把艺术带入普通人生活的艺术再创造,形式为规律所依附,表现为更多人所接受。相信良好的设计作品,过程是理性的,同时,心怀愿景。

当化身交互设计师……

我们定义这个职位在产品过程中,产出信息框架与关联的模型支持。
对于这个职业,受到最深刻的影响来自Stanley。永远冷静、思维缜密、条理表现。
关心需求的设计解过程,遵循标准定义创建不同条件影响下的模型。
最开心的事情是,推演persona的状态、找到事物的共性、标识结构图的元素属性……

其中,熟悉关联标准与增强表现力极为重要。前者验证设计过程的合理,不仅限于平台技术设计标准。后者将文字的信息多元表现。受Stanley的影响,有的项目会用Flash做表现与本地维护协作;当前过程,PPT与Word文档仍然是主流;希望在随后的项目中,尝试更高效的协作流程……

当化身产品经理……

有人说,这个职位在国内变得俗了……
其实每一个职位都会被误读……
忽略title……只是有一个人在产品过程中做这些事情……
关心资源,内部与外部、决定产品可以走得更远……
关心需求,产品大行业的发展、在市场中的定位、用户群体、可匹配或者引导的需求、需求功能化……
关心成本,开发资源投入、产出价值、时间与里程碑……
关心协作,外部、RD、市场、运营……
关心数据……
近来最开心的事情是,更靠谱的估值、搭建新一年的产品市场运营框架……

其中,产品经理直面市场需求,在这个层面有着比其它关联方更宽广的视野,可以从更综合的方向指引产品并给予关联方支持。是不是可以理解为是一个舵手?或许我们听的更多是打杂……

回归职业发展

最早开始接触职业发展这个概念是某场Webcast谈及深度优先与广度优先……
小神更适合做一个什么角色?
不知道……
He just works……