标签： 设计

一开始的时候没有太好的想法，根据名称设计了几个粗浅方案。有些是单纯拼音首字母的不同组合，还有些更直白直接使用了大象形象，看起来完全没有亮点。

忽然有一天灵光乍现，在用拼音首字母组合设计的时候一下子就来了感觉——严格来讲，应该是在前面那些方案的设计过程中，逐渐积累了细微的想法，所以才能在后面一气呵成完成了设计。

大约在半年前看了《小森林》两部曲，当时就被深深地吸引。一年四季中，几十种或简单或复杂的菜式，就如同那些在小森里生长的植物一样，自然而然的呈现在观众面前。

整部影片中没有大悲大喜的场景，也没有浮夸的肢体动作和对白，却能在看似平淡的叙事中，向观众传达对生活的感悟和朴实无华的道理。

总之，这是超级治愈的小清新作品，极力推荐没看过的小伙伴去看看。因为喜爱，所以趁着乐乐回老家过暑假的时候做了这个主题页面设计，希望你们喜欢。

继续阅读

第一步：思考

大家都知道，动手前的有效思考可以降低后期返工几率，从而节省时间。所以最初计划对「爱尚良品」改版时，就想清楚了改版的目的和想要的效果是什么。整理后是这样一个简要的列表：

• 作品展示为主（教程、杂记类的内容放到公众号或发布到其它媒体）；
• 简洁风、去掉评论、突出内容主题和分享功能；
• 两年内不会超过 50 篇内容，所以缩略图的排列布局可以多样化，避免单调；
• 适量的页面效果；

有了清晰的想法就相当于需求明确了，这么简单的网站当然不需要用 Axure 制作原型啦，直接用纸笔画个草图 1 分钟完事：

第二步：设计

因为整站偏简单，所以准备了一个页面跳转的效果来减少单调感。好友 ZWW 帮我完成这个 WP 主题的制作，于是用 Keynote 做了个动效跟他确认技术实现有无问题。这样做的好处是无需太多言语，很直观就能了解我的想法。这个动效从新建文档到导出 gif 文件共花了 3 分钟。

 
看过动效后 ZWW 告诉我说没有太大问题，某些细小的地方可能要折中处理一下，我就打开 Sketch 开始设计了，半小时左右完成设计工作：

第三步：制作

接下来用 Marketch 插件一键输出标注和切图，然后打包发给 ZWW 帮我制作成 WordPress 主题。这个主题虽然设计简单，但是想完美实现效果着实花了一些时间，算是我和 ZWW 合作这么久以来最折腾的一次。第一版的页面切换效果不太流畅，ZWW 又重新优化了代码，反复改了好几次，最终效果跟视频里的不太一样，但我们都觉得太过于追求效果而增加代码复杂度的话不值当，所以就折中处理了。

欢迎大家体验新版的爱尚良品网站：http://isang.me
关于页面里有我们的公众号二维码，喜欢皮具的朋友可以扫码添加，悄悄说一句：「端午节期间有抽奖活动哦」:-)

设计之初尝试了几种不同的表现形式，看到平面设计师 @刘柏坤 《字体设计进化论》一书的书名设计手法比较有意思，采用横平竖直的线条加上夸张处理的结构，出来的效果挺好的。

于是就参考这种形式画草图，草图看起来还不错，但在电脑上处理后发现这种表现形式并不符合实际项目的整体风格，虽然选择性的填充了封闭路径，但整体感觉太过幼小单薄。于是换了种思路，对文字做了变形、截断和重组的处理，最终确定的效果还算满意。

继续阅读

去年在上家公司做的一款硬件 App，Android 已经发布到 Google Play，iOS版 貌似也快了。