产品 | 设计 | 消失的文艺

站在产品的立场出设计方案,有一种hold住全场的feel

自己出需求和设计……
(小图标是别人画的)

「一直播」的首页右下角,一块圆角举行组成的「消息提示」。
在直播业务中,这种大色块的、强烈警醒作用的提示很有时间紧迫感和实时感。

一个不够高明的水龙头
你永远不敢确定,打开水龙头,水会从哪个位置出来。
阀门控制水流的出口,问题是:
- 金属层在浴室光照下,三个标记的差异太小;
- 阀门位置太低了,容易忽略。

反正洗脚的时候我顺便“被洗了个头”……

滴滴的“消息浮层”

最近几次用滴滴打车,发现它在等待页面顶部会显示等待时间的消息浮层。 

一个不好的体验:我看到浮层下方的“两道杠”,以为下拉展示更多内容;操作了几次都没有反应,后来发现原来可以收起消息浮层。


对 icon 做了简单的调整,消除不必要的误解:


Behance的“添加到作品集”

用 Behance 浏览作品,遇到好作品存储起来,唤起“添加到作品集”的弹窗。


当我要找名称是“Dashboard”的作品集时,我以为这些作品集是按照首字母排序的,所以能够在前面很轻松地找到。

然而,令人遗憾的是,Behance 的作品集排序是按照“最新的操作时间”来排列的,于是我小心翼翼地来回找了两遍,才发现“Dashboard”躲在倒数第二位置。


这种排序逻辑,在花瓣 APP 也有:


令人费解的是,花瓣网页版采用的是另外一种排序规则:最近的5个+ALL(按照字母顺序)


但是,上面的方式也没有很好解决问题——快速找到对应的画板。按照时间顺序排...

好气啊,调整了大半天的倒计时设计被飞机✈️了……

于是抽取其中元素做了概念稿,希望你也能喜欢~~


中文字体:汉仪润圆;西文字体:Bebas

期间看到一个中文毛笔字体——Konshin白舟魂心書体。

试了一下,觉得它比汉仪尚魏手书的更有表现力。

整体想采用“方圆糅合”的方式,继续后续页面……

最近被项目弄爆炸💥了,试一下生活中的想法~~

涉及字体:中文 - 汉仪尚魏手书(出自微博一个非常喜欢的字体设计师)、英文 - Adale Mono

缺省的6个状态

项目中,发送语音或者文字的时候,需要一个加载发送、发送失败的缺省状态。


在勋章模块的设计中,要给勋章一个加载状态——灰色块。


总结:

一切发生数据传递的过程,必然要考虑“获得-加载”、“获得-成功”、“获得-失败”、“发送-加载”、“发送-失败”、“发送-成功”这六个基本状态。


举例其他:

外卖订单的支付流程、搜索、收发邮件/短信。 


1 / 14

© 汤未冷 | Powered by LOFTER