UI 中国 App 设计说明

从《FLY》电子杂志休刊到现在的这几年时间里,很少在网络上活跃,在各种技术、设计和知识分享交流平台基本处于潜水状态。以前经常逛的中国插画网和蓝色理想网站也很少去了,说起来对大龙哥和蓝色两位大佬感到很愧疚,白混了个论坛版主的头衔却好久没尽责了……

一直潜水的话有个弊端,即使平时有看他人的作品和经验,但因为缺少分享和交流,始终是不利于个人成长的。人是社会动物嘛,怎么少得了社交呢?所以我决定以后还是多冒泡^_^

UI 中国是我这几年经常逛的设计平台之一,一直喜欢她的简约淳朴,即使有少量的广告也比其它网站的补丁式风格更让人容易接受。她就好比一位温文尔雅的姑娘而我又刚好喜欢她,既然真心喜欢就会想着为她做一些事,于是萌发了设计 UI 中国 App 的念头。搜索了一下,发现设计 UI 中国 App 的设友还是蛮多的,看来很多人跟我一样喜欢她^_^

在动手设计之前先对网站做了稍微深入的了解,并回顾了一下自己作为一名设计师在网站内最频繁的使用场景,然后结合了移动互联网的特性,对主要功能模块和信息结构进行梳理和调整。

下面的2张图是 UI 中国网站的主要功能模块和调整后的 App 功能模块,有了思维导图,可以方便自己对即将要做的事有更清晰的理解。
思维导图 继续阅读

《爱米菜单》 App 设计

1
去年8月中旬乐乐妈带乐乐回老家过暑假了,我正想着怎么打发下班后和周末的时间,朋友突然打电话问有没有兴趣利用业余时间一起做点东西,于是约好时间聊了聊。我们将他积累的好几个 idea 都过了一遍,头脑风暴式的讨论了一番,甚至还综合考虑了开发成本、资源、市场推广和运营等方面,最终觉得《爱米菜单》这个想法相对可行一些,于是在确定基础功能之后就开始动手设计。

很快第一版就出来了,我在纸上画了几个主要界面的草图,为了方便讨论和更好的说明交互效果,又用 Axure 做了一个简单的 Demo 然后约了朋友一起讨论。
02

我们觉得这一版在呈现上太过普通,跟市面上同类型产品太相似,没有特点。我们对于《爱米菜单》初版的定义是工具型 App ,基于其独特的功能和用户群体定位,如果没有一些有趣的东西呈现给用户的话,使用度一定不高。接下来又是一番思想碰撞 ,就功能和交互上的问题像打乒乓球一样来回讨论,很快就确定了第二版的大方向。
01

虽然这次的改动相当于推翻了之前 80% 的想法,但因为有了第一版做为基础,再加上讨论后有了很清晰的认识,所以画了几幅主要界面的草图后就开始着手设计。 继续阅读

新年新主题

上一次换主题还是2011年的事了,当初设计完之后找 ZWW 帮忙制作完成,是写博客至今使用最久的一款主题。因为喜欢所以才一直没有更换,但时隔4年后的今天,怎么看都显得“陈旧”了一些,设计风格过时,再加上高分辨率显示器的普及和移动终端的迅速增长,导致访问博客的时候总觉得少了点什么,于是在2014年尾下定决心做了一次 Redesign。接着就联系了好基友 ZWW 兄,这次照旧请他出马帮我制作^_^

有时候,我是一名拖延症患者,非紧急必须的事情会无底线的延期完成,所以经常借助 GTD 应用来督促自己。所幸的是这样做通常很有效,利用一周的业余时间搞定了设计稿,并对博客的信息架构做了微调,一些基本的页面交互也大概心中有数了。

将设计稿丢给 ZWW,剩下的事情就是坐等收货了。不过碰巧从去年开始 ZWW 兄就一直忙碌着,他手头上的工作排得很紧,但即使是这样还是挤出时间帮我将主题搞定了,靠谱的好基友,谢谢!

新版的主题为响应式设计,适应多种主流分辨率,并且默认页面宽度增加到930px,以后用家里的 iMac 看博客再也不会觉得两边太空了。因为这次的主题太强大了,所以还存在一些小的问题,这几天会抽空测试^_^另外,删除了一些友情链接,包括无法访问的失效链接和已取消和我互链的链接。

本次改版参考了以下优秀设计,在此鸣谢!

  • OVNI:http://www.entiri.net/ovni-1.3/index.html
  • Dazzling 主题:http://colorlib.com/dazzling/
  • 牧风的 Mirana 主题:http://mufeng.me/

2015年,祝愿大家万事如意,身体健康!

90枚iOS 7风格图标下载

Blog竟然有3个多月未更新,算起来是有史以来间隔时间最长的一次,所以就将自己平时设计过程中慢慢积累下来的图标整理了一下,提供psd格式下载,就当是锄草了……
iOS7风格图标
Update:其实之前提供下载的psd文件是分为背景和图标2个图层的,可以随意选择里面的图标来使用,只是不能再次编辑而已,却有人说我是骗子,我只想说我既没收你一分钱也没骗你妹……

在iconfont.cn将所有图标制作成了字体,跟psd一起打包并更新了下载地址,有需要的朋友请自行下载,里面的svg格式可以编辑。