icon

更换新的站点Logo名作剑空

不知不觉,建站也已经快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。…

迷工(Lost Tool) Logo设计

由于是典型的工具控,所以在看到域名losttool.com的时候,虽然明知不是什么好域名,但还是忍不住买了下来。入此域名更多的还是因为字形的关系,因为lost和tool两个单词互为颠倒相似。 所以在设计的时候就优先考虑了互为颠倒的结构,相似但不同。在之前一篇AI绘制扳手一文里也提到过,说起工具主流联想到的图像就是扳手,再从扳手联想出去的话就是螺母,加上螺母是六边形,从而确定了logo设计的基调。 最终的结果如上图,版本经历也不下5个,最终在拿捏lost的意思的时候做了多次结构调整。lost很难表达,迷失,迷路,都是较为抽象的概念。不禁自问——何种迷茫的景象最深刻?站在荒漠里?还是丛林中?还是过于抽象,在这钢筋丛林里,可能是站在十字路口的同时,面前出现自相矛盾的指引(箭头)…

AI绘制扳手

最近拿了一个LostTool.com的域名,并没有打算用来做网站,暂时还是和loopdoor.com一样,仅仅作为设计的材料。 对于工具来说,不知为何,人们的第一印象总是扳手和螺丝刀。在绝大多数的工具图标里,扳手的出镜率更是高得惊人,所以最后就琢磨着先绘制一个扳手练习一下。虽然最近依旧非常非常忙碌,但对于实际存在的设想和事物,不用花很多时间来构思,仅仅只是将其实现出来的话,可以像挤牙膏一样一点一点凑出来。 做了部分的卡通化处理,但总体还是写实的,因为起初的设计上手柄会更加的短小和可爱。不过可能因为手里有一把rubicon的黑色扳手,那个细长的手柄给我留了下来太深的印象(其实际的握持手感非常出色),以至于后来缩短绘制扳手手柄的长度的时候自己会感觉非常别扭。 最后再上个色。纯色加白色是dribbble上的主流展示方式,所以最后也这么处理。添加了微弱的径向渐变和10%阴影。 放在了dribbble上:…

定义 iOS 设备的网页图标

苹果iOS设备(iPhone,iPad,iTouch)可以定义个一个类似原生app的的图标,将网页添加到主屏幕。这个设计主要用于Web应用程序,再通过定义启动画面和safari的渲染模式,让一个Web应用看起来就像是原生app一样。我觉得即使不是webapp,任何一个网站都可以考虑做这么一套图标,让用户将页面链接直接加到主屏幕方便他们直接一个点击就能访问到这个网站。 在苹果的官方文档里,这种用主屏幕图标代表的链接,称之为Web Clip(网页剪辑)。比如太平洋不仅适配了iPad的显示版本,还着重将这个功能提示的格外醒目,希望用户能尽可能利用系统的方便之处: 添加的方式很容易,制作对应各个分辨率的屏幕的图标,然后将它们放在网站的根目录下即可。但命名必须遵从apple给出的规则(就是我们常说的 apple-touch-icon),这样iOS就会默认去寻找这些图片下载并作为图标使用: apple-touch-icon.png apple-touch-icon-57x57.…