没错，就是那个家具品牌宜家，看似和响应式页面设计毫不相干，但事实上IKEA却在官方站点上做了相当彻底的响应式——近期，宜家官网居然改版了，从之前的老站点换成了现在的全新设计的响应式页面，这不由的让我再次回想起这个从很多年前就一直在争论的问题：响应式真的有用吗？ 熟悉宜家的人应该知道，宜家之前有一段时间是没有APP可用的(现在又上架了新APP)。不知出于什么原因，宜家在某个阶段砍掉了APP并选择了web。并且在长期没有线上销售模式的情况下，最终还是在上海第一次推出了线上实验性的渠道，并且新做了上海站的页面——虽然老站点是传统的页面(和新站并存)，但是新上线的上海实验站却是全响应式的设计，除了单格的滑动展示在PC环境显得效率低下，整体效果已经相当可用，甚至在表格响应式方面灵活应用了属性伪元素样式的高级技巧。 不过，实验性的上海站最终有不知出于什么原因下线雪藏了，宜家线上购买功能被搬进了它的老站点，从此又开始了好几年的PC端与H5端分离的状态。时隔多年，又又又不知啥原因，近期的老站点彻底改版成了响应式页面，…
Foxpagefront-end low code framework. Foxpage has 8 repositories available. Follow their code on GitHub.GitHubFoxPage是目前在开发中的页面制作系统，名字算是挑了很多，但最终还是根据项目的情况选择了Fox。虽然在中国角度看狐狸通常是狡猾的，但就全世界范围来看，Fox是一种灵巧聪明的动物，当然最主要的还是单词比较顺口。如果说一个品牌要打响名字是第一要素，那么将其现化的logo则是第零要素，而没事给各种名字设计logo也算是一个个人兴趣。 这次的题目是Fox和Page，算是个挺容易的选题，无论Fox还是Page都有相当多的具象概念。能在logo里具象一个隐含另一个无疑是最好的选择，所以在尝试了多种组合和概念描绘之后，选定了这样的草图：…
Overlook是自己在公司搭建的一个小应用，负责管理前端CSS的依赖关系，由React+Express构建。虽然前端代码是自己的本职工作，但一直以来自娱自乐地为自己的项目设计logo也是兴趣之一，所以就找了个晚上抽了两个多小时绘制了新的logo。 overlook是俯瞰的意思，如果要关联动物的，很明显最合适的就是“鹰”。在没有开始绘制之前，其实这个概念已经在脑子里嚼味了一段时间了，在尝试几种设计图形之后，最后还是选择了这个抽象度比较折中的版本： 鹰头的“型”是抓了很久才达到自己满意的，多个版本之后我觉得“勾嘴”、“利目”以及“颈羽”是必须的三个点，最后多次固化和调整才完成。logo的精度并不高，毕竟时间有限，但对于这种型比较重要的线条，盲目添加数学范式上去往往适得其反，所以时间不够的话不如不去硬靠了—…
又到了换图标的季节:) 自网站建立到现在，我也已经更换过3次图标，这次距离上次2014年已经过去了2年时间，现在算是赶紧去跟上当前的设计趋势——在这一点自己也不能免俗，这一次的新Logo完全是浓浓的win10风格，同时这个logo也是我换到现在最为满意的一个了，当然未来怎么样还很难说，毕竟喜新厌旧人之常情。 这次不再追求表现Sword Air，而单单只表现Sword，“剑”的概念，这使得Logo的意义更为明确。综合了各种对logo的希望，我绘制了草稿并耗费了整整一天才将其完善。而且这次不是我自己在那里闭门造车，设计的同事Allen提了不少好建议，使得最终的成品比我一个人在那里发酵完善起来更快速。 因为注入的概念只有“剑”，所以Logo的表意更为明确。折线最初的意义是表现山，并降低剑身的长度，附带表现“空”。但后期的处理使得山的意义也有点模糊，可以是“…
前段时间组里在搞404页面的设计，我纯属打酱油也重在参与了一回，顺便可以拾起一些日渐荒废的技能。温故而知新，虽然很久没有用AI，但好在并没有显著的退步，倒是绘制了百来个图形在速度方面反而有所加快。 404是一个用户不太会到达的地方，设计实际上可有可无。比如google万年破机器人，不仅用作404还用作其他状态。比如github是火星，你来错地方啦～配上的是搜索功能。做之前也确实参考了很多，这类错误页面情绪上大都积极向上充满喜感，以缓解出错的那种困惑感。 想了十几个方案，最终用到是“404 ROOM”这样的设计。以前在阿里上班时滨江有一班公交车就叫404路～所以受此影响，最终选定了这个相似的想法(其实主要是这个想法容易画～)。携程以酒店为主，用房间请勿打扰的方式表示走不通，用绿色按钮引导用户去首页，文字胡乱写了一些，…
不知不觉，建站也已经快4年多了，站点logo也在这期间更换了4次之多，说明我还是一个爱折腾的人，总是安定不下来。 2010建站初，仓促用上的logo还是临时拼凑出来的。把我的网名和域名结合一下，PS倒腾了个几分钟就出来了。但就是这样的一个简单的临时logo一用就用了2年。 2011年末，网站完全弃用了logo而仅使用文字。 2013年3月，才在日益纯熟的AI里，绘制出了老版logo(新的站点Logo)。一朵葵花镶嵌在域名的英语字母O上。其实自己还是挺满意这个logo，因为表现出了这个网站的全部。但也正因为这样，表现的点是3个而显得有点多。另外长条的形状也很不适合作为头像或者图标。 2013年后期，因为接触了Android开发而一直希望能将站点logo变成方形。于是在2014年初，在新的Logo图标设计里，并经过多次小修小补，把logo简化到了只剩下Sword一个点。 2014年网站迁移到ghost的时候，就开始使用这个logo。…
由于是典型的工具控，所以在看到域名losttool.com的时候，虽然明知不是什么好域名，但还是忍不住买了下来。入此域名更多的还是因为字形的关系，因为lost和tool两个单词互为颠倒相似。 所以在设计的时候就优先考虑了互为颠倒的结构，相似但不同。在之前一篇AI绘制扳手一文里也提到过，说起工具主流联想到的图像就是扳手，再从扳手联想出去的话就是螺母，加上螺母是六边形，从而确定了logo设计的基调。 最终的结果如上图，版本经历也不下5个，最终在拿捏lost的意思的时候做了多次结构调整。lost很难表达，迷失，迷路，都是较为抽象的概念。不禁自问——何种迷茫的景象最深刻？站在荒漠里？还是丛林中？还是过于抽象，在这钢筋丛林里，可能是站在十字路口的同时，面前出现自相矛盾的指引(箭头)…
最近拿了一个LostTool.com的域名，并没有打算用来做网站，暂时还是和loopdoor.com一样，仅仅作为设计的材料。 对于工具来说，不知为何，人们的第一印象总是扳手和螺丝刀。在绝大多数的工具图标里，扳手的出镜率更是高得惊人，所以最后就琢磨着先绘制一个扳手练习一下。虽然最近依旧非常非常忙碌，但对于实际存在的设想和事物，不用花很多时间来构思，仅仅只是将其实现出来的话，可以像挤牙膏一样一点一点凑出来。 做了部分的卡通化处理，但总体还是写实的，因为起初的设计上手柄会更加的短小和可爱。不过可能因为手里有一把rubicon的黑色扳手，那个细长的手柄给我留了下来太深的印象(其实际的握持手感非常出色)，以至于后来缩短绘制扳手手柄的长度的时候自己会感觉非常别扭。 最后再上个色。纯色加白色是dribbble上的主流展示方式，所以最后也这么处理。添加了微弱的径向渐变和10%阴影。 放在了dribbble上：…
