小麦工作室 » 设计 http://www.smartdio.com 探索、求知、思考、创造 Tue, 02 Mar 2010 14:11:44 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 应读者要求，制作了Google Favicon的墙纸 http://www.smartdio.com/2009/08/google-favicon-wallpaper/ http://www.smartdio.com/2009/08/google-favicon-wallpaper/#comments Fri, 14 Aug 2009 04:19:49 +0000 smardio http://www.smartdio.com/?p=1429 之前制作了一个Google Favicon的矢量图，并配了一幅插图。有读者觉得这个插图也适合作为墙纸，只可惜分辨率低了一些。应读者的要求，专门制作了更高分辨率的墙纸。提供多种尺寸，可以用于4:3屏，也可以用于宽屏。其中1920×1080的版本提供了三种颜色。

google_wallpaper

下载地址：

http://smartdio.com/download/google_wallpaper.zip

© smardio for 小麦工作室, 2009. | Permalink | 2 条评论 | Add to del.icio.us
Post tags: , , ,

Feed enhanced by Better Feed from Ozh

]]> http://www.smartdio.com/2009/08/google-favicon-wallpaper/feed/ 2 google！超大favicon http://www.smartdio.com/2009/06/google_favicon/ http://www.smartdio.com/2009/06/google_favicon/#comments Fri, 26 Jun 2009 16:29:51 +0000 smardio http://www.smartdio.com/?p=1162 google_favicon

google那些事我两句话总结：“欲加之罪何患无辞。公道自在人心。”

网上找到一些google的favicon，觉得还不够大，于是自己制作了google favicon的矢量格式，这下可以无限放大了，户外喷绘都没有问题。

下载地址：http://www.smartdio.com/download/googlefavicon.zip

包含两个文件：

  • google favicon [Converted].eps (eps矢量文件)
  • google favicon [Converted].png (大尺寸点位图)

© smardio for 小麦工作室, 2009. | Permalink | 7 条评论 | Add to del.icio.us
Post tags: , , ,

Feed enhanced by Better Feed from Ozh

]]> http://www.smartdio.com/2009/06/google_favicon/feed/ 7 SketchUp做的书房“写生” http://www.smartdio.com/2008/05/sketchup%e5%81%9a%e7%9a%84%e4%b9%a6%e6%88%bf%e2%80%9c%e5%86%99%e7%94%9f%e2%80%9d/ http://www.smartdio.com/2008/05/sketchup%e5%81%9a%e7%9a%84%e4%b9%a6%e6%88%bf%e2%80%9c%e5%86%99%e7%94%9f%e2%80%9d/#comments Tue, 06 May 2008 16:00:00 +0000 smardio http://www.smartdio.com/content/design/20080507_010101.html

© smardio for 小麦工作室, 2008. | Permalink | 没有评论 | Add to del.icio.us
Post tags: , ,

Feed enhanced by Better Feed from Ozh

]]> http://www.smartdio.com/2008/05/sketchup%e5%81%9a%e7%9a%84%e4%b9%a6%e6%88%bf%e2%80%9c%e5%86%99%e7%94%9f%e2%80%9d/feed/ 0 为喜爱Java而作，Java的吉祥物Duke http://www.smartdio.com/2007/08/%e4%b8%ba%e5%96%9c%e7%88%b1java%e8%80%8c%e4%bd%9c%ef%bc%8cjava%e7%9a%84%e5%90%89%e7%a5%a5%e7%89%a9duke/ http://www.smartdio.com/2007/08/%e4%b8%ba%e5%96%9c%e7%88%b1java%e8%80%8c%e4%bd%9c%ef%bc%8cjava%e7%9a%84%e5%90%89%e7%a5%a5%e7%89%a9duke/#comments Mon, 06 Aug 2007 14:16:00 +0000 smardio tag:blogger.com,1999:blog-639824577953635117.post-3798875906733467179 Duke 是Java的吉祥物，由Joe Palrang所创作。几乎是和java的那个“咖啡杯”Logo同时出现。Java刚刚出现的时候，Duke差点成为Java的标志。
2001年的时候，我开始为java着迷，于是自己也用CorelDRAW画了一幅Duke。
现在Sun发布了何谓“开源Duke”，即任何Java Fans都可以为Duke贡献自己的奇思妙想。
我也贡献一下吧：

资料：
Duke的官方首页：http://www.java.com/en/dukeszone/
Duke的开源计划：https://duke.dev.java.net/

© smardio for 小麦工作室, 2007. | Permalink | 没有评论 | Add to del.icio.us
Post tags: ,

Feed enhanced by Better Feed from Ozh

]]> http://www.smartdio.com/2007/08/%e4%b8%ba%e5%96%9c%e7%88%b1java%e8%80%8c%e4%bd%9c%ef%bc%8cjava%e7%9a%84%e5%90%89%e7%a5%a5%e7%89%a9duke/feed/ 0 探索最利于阅读的页面排版，一行多宽最合适？ http://www.smartdio.com/2007/07/%e6%8e%a2%e7%b4%a2%e6%9c%80%e5%88%a9%e4%ba%8e%e9%98%85%e8%af%bb%e7%9a%84%e9%a1%b5%e9%9d%a2%e6%8e%92%e7%89%88%ef%bc%8c%e4%b8%80%e8%a1%8c%e5%a4%9a%e5%ae%bd%e6%9c%80%e5%90%88%e9%80%82%ef%bc%9f/ http://www.smartdio.com/2007/07/%e6%8e%a2%e7%b4%a2%e6%9c%80%e5%88%a9%e4%ba%8e%e9%98%85%e8%af%bb%e7%9a%84%e9%a1%b5%e9%9d%a2%e6%8e%92%e7%89%88%ef%bc%8c%e4%b8%80%e8%a1%8c%e5%a4%9a%e5%ae%bd%e6%9c%80%e5%90%88%e9%80%82%ef%bc%9f/#comments Mon, 23 Jul 2007 12:55:00 +0000 smardio tag:blogger.com,1999:blog-639824577953635117.post-2195747910398777356 排版的方式直接影响了阅读的效率。同样一篇文章，采用不适当的排版会让读者敬而远之；若采用利于阅读的排版，会让读者更有阅读的兴趣。我把一些关于思维和快速阅读的理论和经验，套用到页面的排版中，用自己的实践探讨能提高阅读效率的排版方式。

上图是新小麦工作室最初的排版。内容区域的宽度自动缩放。让版面在任何分辨率下面都能保持饱满。很多网页都喜欢采用这样的排版。

我想很多人看这种网页的时候都有这样的感受：每行拉得太长，眼睛要来回扫瞄，感觉有点累；而且每行的字数太多，视线折返到下一行的时候要稍微迟钝一下，寻找下一行的开头，往往因为这一点点停顿，上一行所说的内容便忘记了。

所以很多时候，文章的文字其实不多，但因为“行”太长，让读者产生畏惧心理，及早地跳开这个页面。

我对页面的排版作了调整。如图：

我对整个版面的宽度作了约束，让内容区域的宽度，保持在仅仅比两眼焦点距离稍微宽一点的范围。

这个宽度有什么标准尺寸，我觉得要根据字体大小来决定。通常字体越大，读者阅读的距离可能会远一些，那么内容的宽度就适当宽一些。

现在很多页面都采用12像素到14像素的字体，我觉得内容区域的宽度在380-450像素之间都可以。

每行的字数在20-30以内，这样会比较适合阅读。想想我们以前的作文纸也是20来字一行，所以这个字数也应该是比较利于快速阅读的字数。

再看看很多国外的新闻网站，也都是采取这样的“窄行”排版。

我自己以前在做《CorelDRAW 创艺》的时候也是采用窄行排版。但是为了让版面丰满，采用了分两栏的方法（包括后来在自己网站上发表的一些教程也是采用分栏的排版）。这样做，让读者可以“一目十行”，快速、流畅地接收信息。不过当时可没有什么理论基础，完全是出于一种感觉。现在是看了一些关于思维和快速阅读的书籍，才了解了其中的道理。

新的页面刚刚建立，版面还要不断地调整，让阅读起来更舒服。

© smardio for 小麦工作室, 2007. | Permalink | 没有评论 | Add to del.icio.us
Post tags: ,

Feed enhanced by Better Feed from Ozh

]]> http://www.smartdio.com/2007/07/%e6%8e%a2%e7%b4%a2%e6%9c%80%e5%88%a9%e4%ba%8e%e9%98%85%e8%af%bb%e7%9a%84%e9%a1%b5%e9%9d%a2%e6%8e%92%e7%89%88%ef%bc%8c%e4%b8%80%e8%a1%8c%e5%a4%9a%e5%ae%bd%e6%9c%80%e5%90%88%e9%80%82%ef%bc%9f/feed/ 0 狮马—-我的士气章 http://www.smartdio.com/2007/07/%e7%8b%ae%e9%a9%ac-%e6%88%91%e7%9a%84%e5%a3%ab%e6%b0%94%e7%ab%a0/ http://www.smartdio.com/2007/07/%e7%8b%ae%e9%a9%ac-%e6%88%91%e7%9a%84%e5%a3%ab%e6%b0%94%e7%ab%a0/#comments Mon, 16 Jul 2007 15:41:00 +0000 smardio tag:blogger.com,1999:blog-639824577953635117.post-2993520107241580473 “士气章”是作战时候鼓舞自己士气的标志。
网上很多人都叫我“死马”，用“马”作为smart的标志也不错，精神，有冲劲。“死马”有点不好兆头，“狮马”音也相近，不仅精神，也很凶猛。而且My Wife 是狮子座的。“狮马”含义也丰富。
第一幅是第一版。
黑金材质，马的形象接近龙，“龙马精神”，也有龙的杀气。马的鬃毛演变成狮子的鬓毛。鬓毛用直线，感觉更硬朗，并像刀锋一样锐利。

单色版：

个人还是比较满意这个“狮马”的形象。所以重新制作“小麦工作室”时，就考虑用这个标志作为网站的标志。
但是这个标志太尖锐，杀气重。所以作了下面的修改，作为标志的第二版：

标志用CorelDRAW X3制作

© smardio for 小麦工作室, 2007. | Permalink | 没有评论 | Add to del.icio.us
Post tags:

Feed enhanced by Better Feed from Ozh

]]> http://www.smartdio.com/2007/07/%e7%8b%ae%e9%a9%ac-%e6%88%91%e7%9a%84%e5%a3%ab%e6%b0%94%e7%ab%a0/feed/ 0