⊹⊱⋛⋋ISong榮耀ζ組織™⋋⋛⊱⊹ » Design http://www.isonge.cn Freelance. Graphic design, illustration, print and web. Sat, 09 Jul 2011 22:42:40 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 写于V2EX的回归后 http://www.isonge.cn/2010/05/%e5%86%99%e4%ba%8ev2ex%e7%9a%84%e5%9b%9e%e5%bd%92%e5%90%8e/ http://www.isonge.cn/2010/05/%e5%86%99%e4%ba%8ev2ex%e7%9a%84%e5%9b%9e%e5%bd%92%e5%90%8e/#comments Fri, 14 May 2010 06:20:20 +0000 911 http://www.isonge.cn/?p=673

此时上海又飘起了零星小雨，最初的v2ex或许也是诞生于这样的上海吧。

认识v2ex不知道几个年头，约莫总有七八了。要感谢livid同学为我们提供了如此有趣的空间，交流分享。我曾为她做个两次TEE的设计，这次回归，觉得也应该做点什么有趣的，于是有了以下的设计，大家玩的开心。

黑白两色



]]> http://www.isonge.cn/2010/05/%e5%86%99%e4%ba%8ev2ex%e7%9a%84%e5%9b%9e%e5%bd%92%e5%90%8e/feed/ 5 10个老外的设计与开发工作板 RSS Feeds http://www.isonge.cn/2010/01/10%e4%b8%aa%e8%80%81%e5%a4%96%e7%9a%84%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%bc%80%e5%8f%91%e5%b7%a5%e4%bd%9c%e6%9d%bf-rss-feeds/ http://www.isonge.cn/2010/01/10%e4%b8%aa%e8%80%81%e5%a4%96%e7%9a%84%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%bc%80%e5%8f%91%e5%b7%a5%e4%bd%9c%e6%9d%bf-rss-feeds/#comments Fri, 22 Jan 2010 10:38:05 +0000 911 http://www.isonge.cn/?p=648 下 载OPML 文件 导入你的rss阅读器

1. Authentic Jobs

Authentic Jobs

2. Coroflot

Coroflot


3. Freelance Switch Job Boards

Freelance Switch Job Boards

4. Krop

Krop


5. 37signals Job Board

37signals Job Board

6. Ars Technica Job Board

Ars Technica Job Board

7. ReadWriteWeb Job Board

ReadWriteWeb Job Board

8. DesignM.ag Job Board

DesignM.ag Job Board

9. Smashing Jobs

Smashing Jobs

10. Design Jobs on the Wall

Design Jobs on the Wall



]]> http://www.isonge.cn/2010/01/10%e4%b8%aa%e8%80%81%e5%a4%96%e7%9a%84%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%bc%80%e5%8f%91%e5%b7%a5%e4%bd%9c%e6%9d%bf-rss-feeds/feed/ 2 网页设计师轮盘 http://www.isonge.cn/2009/11/%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e5%b8%88%e8%bd%ae%e7%9b%98/ http://www.isonge.cn/2009/11/%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e5%b8%88%e8%bd%ae%e7%9b%98/#comments Wed, 04 Nov 2009 15:12:30 +0000 911 http://www.isonge.cn/?p=631 原文地址

这个网页设计师的轮盘是描述通过五个步骤进行管理小型网络项目与客户间关系的简要过程模型。这个方法能帮助你更好的工作，建立和考虑阶段性的关键点，并与客户建立起长期的商业关系。

webdesigner-wheel

模型

需求定义:在这第一个步骤中，您有“翻译”的要求和客户要求的所有功能执行。可以制定一个你必须要做的带有详细描述的项目清单。

规划: 为上一步中制定的项目清单规划开始与结束日期。罗列出每天需要做的清单,分阶段估算出开发与测试周期.

开发测试: 编写和测试执行的功能,履行上一步骤中制定的每日计划。根据每日进度判断是否有必要进行重新规划。每周和客户进行沟通，或者有重大改动的时候及时和客户交流。

检查: 做最后的“大规模”检测，与客户一同测试主要功能。

发布与追踪: 发布产品并追踪监视， 获得客户回执.

]]> http://www.isonge.cn/2009/11/%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e5%b8%88%e8%bd%ae%e7%9b%98/feed/ 1 不为人所知的东亚文字世界的法则 http://www.isonge.cn/2009/11/%e4%b8%8d%e4%b8%ba%e4%ba%ba%e6%89%80%e7%9f%a5%e7%9a%84%e4%b8%9c%e4%ba%9a%e6%96%87%e5%ad%97%e4%b8%96%e7%95%8c%e7%9a%84%e6%b3%95%e5%88%99/ http://www.isonge.cn/2009/11/%e4%b8%8d%e4%b8%ba%e4%ba%ba%e6%89%80%e7%9f%a5%e7%9a%84%e4%b8%9c%e4%ba%9a%e6%96%87%e5%ad%97%e4%b8%96%e7%95%8c%e7%9a%84%e6%b3%95%e5%88%99/#comments Mon, 02 Nov 2009 13:46:58 +0000 911 http://www.isonge.cn/?p=606 Yuji小矶裕司设计研究室读到的文章。简要的概述了不为人所知的东亚文字世界的法则。有兴趣的可以到这里去详细了解。

  • 俯瞰3，400年

  • 东方正楷体3，400年史

东亚汉字发展_1

点击查看大图

  • 文字一览

东亚汉字发展_2

点击查看大图

  • “王羲之 movement”垂直向上的立体飞翔力

  • “王羲之 movement”的应用 曹全碑的“楷书化”

  • 反“王羲之 movement”的应用 九成宫酒泉铭文的“隶书化”

  • “颜真卿 movement”以正方形形式着陆的水平面吸附力

  • “王羲之 movement”与“颜真卿 movement”将东方文字持续悬浮于空中的两个张力

  • 现在宋体（明朝体）东方正式字体1，800年将的飞行“着陆点”

  • “顿笔”（横画落笔处的三角形）所隐藏的意义

  • 总结不为人所知的东方正式书体的法则

第一正式书体：篆书（笔画文字的发生），第二正式书体：隶书（书字的发展），第三真是书体：楷书（典型的完成），第四正式书体：宋体（明朝体）（典型的普遍化）。

summary

脱离了宗教的神秘性初次成为人类社会的真实字体的篆书垂直立起，第二正式字体隶书获得了“书法”的力量而将水平的笔画伸长，加宽。

隶书所然是第三正式字体，但却是一种脱离了水平垂直构造的“异常文字”，也正是由于这种异常性而成为一种“美之典型”的文字。

汉字是一种“四方形文字”，然后，“从构造概念上来讲虽是正方形的，但是实际上并不用正方形来表现，与其说是避免四方形”。这种感觉是在草书，行书之后由开始建立起来的汉字的“美的原则”（本文象征性的用“王羲之 movement”来表达），是东方文字做主张的文明新，这也是按照修文字的观念普遍文卫东方文字是神秘的（落后的）文字的原因之一。这种具有如此高度文明的难以推广使用的文字，再不否定美的原则的前提下，再次固定为普遍的，稳固的垂直水平结构。

经过1300年的发展，文字的一般化，大众化，以及文字的发达所带动的印刷的发展和文字的量产化（本文象征性的用“颜真卿 movement”来表达），此外最后与“近代西欧”家畜交流中所接受的强烈的压力这一最后的冲击，都是与上述文字的变化是分不开的。现代总体就是经过这一过程形成的第四正式字体，这一个革命获得了以下的成果。

（1）汉语吸取了“近代西欧”的观念，转变成为“新汉语”。

（2）一直作为“文字典型”的楷书被相对化，降格为作为传统设计表现的“变种”之一。

（3）“书法”创造文字典型形体的时代已经结束，到达了仅仅保留作为“美的典型”的艺术价值阶段。

（4）历史上最初的机械文字（活字）字体获得了前所未有的高度的透明性，倒带呃仅仅是精密表达语言内容的，可称作是“纯粹文字”的阶段。东方文字就这样在反复控制毛短的革命的同时，一月达到了更高的境界的文明程度。

补充

现代宋体（明朝体）的第四正式字体化，特别在日本是一种很明确的现象，可以说是具有一种比宋体更受重视的倾向。在中国人们注重传统的联系性，接近于楷书字体的仿宋体比宋体更受重视。在日本，仿宋体叫做宋朝体，只不过是作为构思表现的字体的一种。

]]> http://www.isonge.cn/2009/11/%e4%b8%8d%e4%b8%ba%e4%ba%ba%e6%89%80%e7%9f%a5%e7%9a%84%e4%b8%9c%e4%ba%9a%e6%96%87%e5%ad%97%e4%b8%96%e7%95%8c%e7%9a%84%e6%b3%95%e5%88%99/feed/ 1 146个css网站展示站 http://www.isonge.cn/2009/10/146%e4%b8%aacss%e7%bd%91%e7%ab%99%e5%b1%95%e7%a4%ba%e7%ab%99/ http://www.isonge.cn/2009/10/146%e4%b8%aacss%e7%bd%91%e7%ab%99%e5%b1%95%e7%a4%ba%e7%ab%99/#comments Mon, 05 Oct 2009 01:07:41 +0000 911 http://www.isonge.cn/?p=572
  • CSS Gallery CSS Mania
  • CSS Gallery CSS Vault
  • CSS Gallery Best Web Gallery
  • CSS Gallery CSS Based
  • CSS Gallery CSS Beauty
  • CSS Gallery CSS Drive
  • CSS Gallery CSS Import
  • CSS Gallery Divine CSS
  • CSS Gallery The Best Designs
  • CSS Gallery Type Inspire
  • CSS Gallery Unmatched Style
  • CSS Gallery Best CSS Gallery
  • CSS Gallery Blog Design Heroes
  • CSS Gallery Cart Frenzy
  • CSS Gallery CSS 2.0
  • CSS Gallery CSS Container
  • CSS Gallery CSS Design
  • CSS Gallery CSS Heaven
  • CSS Gallery CSS Leak
  • CSS Gallery CSS Perk
  • CSS Gallery CSS Style
  • CSS Gallery CSS Tux
  • CSS Gallery CSS Website
  • CSS Gallery CSS Yorkshire
  • CSS Gallery Dark-i
  • CSS Gallery Design Flavr
  • CSS Gallery Folio Focus
  • CSS Gallery Hotwebber
  • CSS Gallery Minimal Exhibit
  • CSS Gallery Mobile Awesomeness
  • CSS Gallery Nice Stylesheet
  • CSS Gallery QNT
  • CSS Gallery Screenalicio.us
  • CSS Gallery Site Inspire
  • CSS Gallery We love WP
  • CSS Gallery Web Creme
  • CSS Gallery ADDesignLink
  • CSS Gallery Best CSS Designs
  • CSS Gallery Best CSS Vault
  • CSS Gallery Blog Design Lab
  • CSS Gallery BmAccess
  • CSS Gallery Cart Craze
  • CSS Gallery Colorgize
  • CSS Gallery Creamy CSS
  • CSS Gallery Creative Acclaim
  • CSS Gallery Creative and Link
  • CSS Gallery CSS Arts
  • CSS Gallery CSS Blaze
  • CSS Bright
  • CSS Built
  • CSS Burst
  • CSS Cutie
  • CSS Daddy
  • CSS Envy
  • CSS Fights
  • CSS Freshblend
  • CSS Hamster
  • CSS Illustrated
  • CSS Imagine
  • CSS Loggia
  • CSS Luxury
  • CSS Moon
  • CSS Motion
  • CSS Orgy
  • CSS Pary
  • CSS Pig
  • CSS Pose
  • CSS Smooth Operator
  • CSS Tea
  • CSS Warfare
  • CSS Websites
  • Design Awards Gallery
  • Design Snips
  • Designer Source
  • eCSSited
  • FantastiCSS
  • Folio Stars
  • Gallerious
  • Gravento
  • Mix CSS
  • My 3W
  • One CSS
  • Qindex
  • RGB Garden
  • Selected Webdesigns
  • Swell CSS
  • The Design Inspiration
  • The Dude’s
  • The Web Based
  • Unique CSS
  • Web Design Ire
  • Website Gallery
  • Wooki
  • WP Float
  • Your Site Is Valid
  • Admix Web
  • CSS Breeze
  • CSS Chest
  • CSS Clip
  • CSS Cookie
  • CSS Count
  • CSS Delight
  • CSS Elite
  • CSS Gallery
  • CSS Impress
  • CSS Scoop
  • CSS Showcase
  • CSS Showcases
  • CSS Star
  • CSS Wrap
  • Design Bombs
  • Design Fridge
  • Design Snack
  • CSS Gallery Dot Design
  • Dzinemart
  • Fave Design
  • Lovely Pages
  • Mabucplus
  • Oriental Gallery
  • Pixel Perfect Portfolios
  • SEF Webgallery
  • Crazy Leaf Design
  • CSS Fanatic
  • CSS Garden
  • CSS Line
  • CSS Rank
  • First Hand Web
  • Inspiration Up
  • Style Vault
  • Web Tava
  • Phocal Point
  • Beautiful 2.0
  • CSS Arena
  • CSS Depot
  • CSS Evo
  • CSS Taaki
  • De Web Times
  • DesignInspiredBy
  • Fluffery
  • Folty
  • For all to see
  • Inspire Mix
  • Nicely Done CSS
  • Pixel Pumper
  • CSS Gallery RGB Land
  • Wow CSS
    • ]]>     http://www.isonge.cn/2009/10/146%e4%b8%aacss%e7%bd%91%e7%ab%99%e5%b1%95%e7%a4%ba%e7%ab%99/feed/ 1     有创意的网站页脚设计 http://www.isonge.cn/2009/08/%e6%9c%89%e5%88%9b%e6%84%8f%e7%9a%84%e7%bd%91%e7%ab%99%e9%a1%b5%e8%84%9a%e8%ae%be%e8%ae%a1/ http://www.isonge.cn/2009/08/%e6%9c%89%e5%88%9b%e6%84%8f%e7%9a%84%e7%bd%91%e7%ab%99%e9%a1%b5%e8%84%9a%e8%ae%be%e8%ae%a1/#comments Sun, 02 Aug 2009 10:41:18 +0000 911 http://www.isonge.cn/?p=509 via

    I Primi Dieci

    1

    Amuki

    2

    Bcandullo

    3

    Branded07

    4

    Yodiv

    5

    Volll

    6

    PSD Tuts

    7

    WebDesignerWall

    9

    SohTanAka

    10

    Viget Inspire

    11

    Sam Rayner

    12

    CSS Tricks

    13

    Productive Dreams

    14

    Larissa Meek

    15

    Blog Me Tender

    16

    Simplebits

    17

    Matt Brett

    18

    Sis Slowli

    19

    Blup

    20

    EdgePoint Church

    21

    UsTrendy

    22

    Crazy n Funny

    23

    Biola

    24

    BoagWorld

    25

    Ten Thousand Things

    26

    Bern

    27

    LoonDesign

    28

    Wire Roses

    29

    Albertlo

    30

    ]]>     http://www.isonge.cn/2009/08/%e6%9c%89%e5%88%9b%e6%84%8f%e7%9a%84%e7%bd%91%e7%ab%99%e9%a1%b5%e8%84%9a%e8%ae%be%e8%ae%a1/feed/ 0     设计师需要手绘技能么？ http://www.isonge.cn/2009/08/%e8%ae%be%e8%ae%a1%e5%b8%88%e9%9c%80%e8%a6%81%e6%89%8b%e7%bb%98%e6%8a%80%e8%83%bd%e4%b9%88%ef%bc%9f/ http://www.isonge.cn/2009/08/%e8%ae%be%e8%ae%a1%e5%b8%88%e9%9c%80%e8%a6%81%e6%89%8b%e7%bb%98%e6%8a%80%e8%83%bd%e4%b9%88%ef%bc%9f/#comments Sun, 02 Aug 2009 09:08:01 +0000 911 http://www.isonge.cn/?p=501 handDraw

    这是一个我经常会注意到的问题，虽然不是每个设计师都有具备扎实与强大的手绘功底，但是作为设计师的必备技能，应该积累此方面或多或少的能力。尤其是独立设计师，把脑海中的设计思路快速的落实在纸上，手绘技能是不可或缺的。

    设计是一个奇怪的过程，并不是你具有很强的手绘或者绘画功夫就能做好的，整个过程是感性和理性相互交融相互博弈的产物，这也是很多绘画能力很强的人做不好设计的原因。当然没有手绘与绘画基本能力，在一定的程度上制约了设计师的提高，这也就是大多数非美术专业的设计从业者需要面临的问题。

    拿我作为例子，并没有很多的手绘能力，这就制约在某个方面的设计能力。假如你想成为出色的设计师，手绘是必要的。

    这里有一篇讲解有关手绘问题的文章。我认为讲解的很到位，不妨去看一下。

    ]]>     http://www.isonge.cn/2009/08/%e8%ae%be%e8%ae%a1%e5%b8%88%e9%9c%80%e8%a6%81%e6%89%8b%e7%bb%98%e6%8a%80%e8%83%bd%e4%b9%88%ef%bc%9f/feed/ 0     40+ 惊艳的Twitter背景设计 http://www.isonge.cn/2009/07/40-%e6%83%8a%e8%89%b3%e7%9a%84twitter%e8%83%8c%e6%99%af%e8%ae%be%e8%ae%a1/ http://www.isonge.cn/2009/07/40-%e6%83%8a%e8%89%b3%e7%9a%84twitter%e8%83%8c%e6%99%af%e8%ae%be%e8%ae%a1/#comments Fri, 31 Jul 2009 05:37:50 +0000 911 http://www.isonge.cn/?p=476 Zixpk

    Rames Studios

    Juanmanuelm



    Collages.net

    Ujjwal Agarwal

    Arinee

    Madebyguerrilla

    Xericwit

    Shallowpoint

    Bobby Chandler

    Chadmcmillan

    EcoCandles

    ChicagoDesign



    Webprosys

    Designkyle



    Jason Bradbury

    Jonathan Nelson

    Steve Gonzalez

    JollyLizard

    Grant Clark

    Imjustcreative

    Kaaliss

    Djambazov

    CornettIMS

    Doubleolee

    Bittbox

    Drummermagazin

    Canvascubed

    Studio3k

    Stevenpitts

    Norsted

    MailChimp

    Krftd

    MrTweet

    Go Media

    Thinkgeek

    Jwhedon

    MCGSTUDIO

    DesignerDepot

    StephenKelly


    ]]>     http://www.isonge.cn/2009/07/40-%e6%83%8a%e8%89%b3%e7%9a%84twitter%e8%83%8c%e6%99%af%e8%ae%be%e8%ae%a1/feed/ 0     一些注重排版的网站设计 http://www.isonge.cn/2009/07/%e4%b8%80%e4%ba%9b%e6%b3%a8%e9%87%8d%e6%8e%92%e7%89%88%e7%9a%84%e7%bd%91%e7%ab%99/ http://www.isonge.cn/2009/07/%e4%b8%80%e4%ba%9b%e6%b3%a8%e9%87%8d%e6%8e%92%e7%89%88%e7%9a%84%e7%bd%91%e7%ab%99/#comments Fri, 31 Jul 2009 05:02:23 +0000 911 http://www.isonge.cn/?p=468 1. Brilliancy

    brilliancy-minimalist-web-design-inspiration

    2. OffSet Media

    offset-media-minimalist-web-design-inspiration

    3. PixelBot

    pixelbot-minimalist-web-design-inspiration

    4. Pixel Umbrella

    pixel-umbrella-minimalist-web-design-inspiration


    5. Kristi Hines

    Very clean, yet professional web design.


    kristi-hines-minimalist-web-design-inspiration

    6 .Made By On

    made-by-on-minimalist-web-design-inspiration


    7. Hot Meteor

    Hot Meteor specializes in web, print, and branding. Their site looks really professional and clean, good design is one of the best ways how to attract new clients.

    hot-meteor-clean-minimalist-web-design-inspiration

    8. Mark Boulton Design

    Excellent accents leading your eye through whole page in the way author wants it. Follow me to this through – magazine photo + new(s) design is the first point which grabs attention, author explains there what is this site and company about – that first attention grabber is very important. Only then you look at his logo and read further – work, our clients, news, contact sections.

    mark-boulton-clean-minimalist-web-design-inspiration

    9. BKWLD

    1bkwld-minimalist-web-design-inspiration


    10. Concentric-Studio

    concentric-studio-minimalist-web-design-inspiration

    11. Vitor Lourenco

    Visit his homepage – starting from index page you’ll get amazed how effectively Vitor Lourenco uses white space.

    vitor-lourenco-clean-minimalist-web-design-inspiration

    12. Forget Foo

    forget-foo-minimalist-web-design-inspiration

    13. GetFinch

    get-finch-minimalist-web-design-inspiration

    14. ShaunInMan

    shaun-in-man-minimalist-web-design-inspiration

    15. Arty Papers

    Beautiful website using just few very subtle, monochrome colors and only pink color in logo is used to highlight most important links.

    arty-papers-clean-minimalist-web-design-inspiration

    16. Vesess

    vesess-clean-minimalist-web-design-inspiration

    17. SimpleBits

    simple-bits-minimalist-web-design-inspiration

    18. DesignWorkPlan

    design-workplan-clean-minimalist-web-design-inspiration

    19. MadeBySofa

    we-are-sofa-clean-minimalist-web-design-inspiration

    20. 80/20 Studio

    80-20-studio-clean-minimalist-web-design-inspiration

    21. Clear Left

    clear-left-minimalist-web-design-inspiration

    22. Aentan

    On this site so much is going on – I mean so many sections and categories, but still it looks pretty clean.

    aentan-clean-minimalist-web-design-inspiration

    23. Huge Inc

    huge-inc-minimalist-web-design-inspiration

    24. Rustin Jessen

    1-rustin-jessen-minimalist-web-design-inspiration

    25. Daniel Oliver

    daniel-oliver-minimalist-web-design-inspiration

    26. Subtraction

    subtraction-minimalist-web-design-inspiration

    27. Information Architects

    ia-minimalist-web-design-inspiration

    28. The Man In The Sea

    the-man-in-the-sea-minimalist-web-design-inspiration

    29. Built By Buffalo

    buffalo-minimalist-web-design-inspiration

    30. Corporate Risk Watch

    Site looks really professional and clean aligned in left side of the screen, also try their navigation – really unique approach!

    cew-minimalist-web-design-inspiration

    31. Pixel Haven

    pixel-haven-minimalist-web-design-inspiration

    32. Design Hotels

    design-hotels-minimalist-web-design-inspiration

    33. Jon Tangerine

    jon-tangerine-minimalist-web-design-inspiration

    34. Winnie Lim

    winnie-lim-minimalist-web-design-inspiration

    35. Wonderful Union

    wonderful-union-minimalist-web-design-inspiration

    36. Apple

    Obvious, but I could not resist myself and not to include Apple minimalist ethalon page, though everyone knows about it already I am sure.

    apple-minimalist-web-design-inspiration

    37. Darren Hoyt

    darren-hoyt-minimalist-web-design-inspiration

    38. Ronnie San

    ronnie-san-minimalist-web-design-inspiration

    39. Shift PX

    shift-px-clean-minimalist-web-design-inspiration

    40. 5ThirtyOne

    5thirty-one-minimalist-web-design-inspiration

    41. Andy Rutledge

    andy-rutledge-minimalist-web-design-inspiration

    42. Anthony James Bruno

    anthony-james-bruno-minimalist-web-design-inspiration

    43. Astheria

    astheria-minimalist-web-design-inspiration

    44. Big Kid

    bigkid-minimalist-web-design-inspiration

    45. Cade Martin Photography

    cade-martin-minimalist-web-design-inspiration

    46. David Airey

    david-airey-minimalist-web-design-inspiration

    47. Eight Face

    eightface-minimalist-web-design-inspiration

    48. Feed A Fever

    feed-fever-minimalist-web-design-inspiration

    49. Fell Swoop

    fellswoop-minimalist-web-design-inspiration

    50. Hello Stefan

    hello-stefan-minimalist-web-design-inspiration

    51. Jamie Gregory

    jamie-gregory-minimalist-web-design-inspiration

    52. LindenTibbets

    lindentibbets-minimalist-web-design-inspiration

    53. Matt Bango

    matt-bango-minimalist-web-design-inspiration

    54. Martin Hipp

    martin-hipp-minimalist-web-design-inspiration

    55. Site Inspire

    site-inspire-minimalist-web-design-inspiration

    56. Welcome To Human Resources

    human-resources-minimalist-web-design-inspiration

    57. z8

    Click on Portfolio and Contact buttons, you’ll see nice Javascript animation going on there.

    z8-minimalist-web-design-inspiration

    58. Kyle Steed

    kyle-steed-minimalist-web-design-inspiration

    59. Joni Korpi

    joni-korpi-minimalist-web-design-inspiration

    60. The Portfolio of David Arias

    david-arias-minimalist-web-design-inspiration

    61. El Candor

    el-candor-minimalist-web-design-inspiration

    62. I Love Typography

    i-love-typography-minimalist-web-design-inspiration

    63. The NetSetter

    the-net-setter-minimalist-web-design-inspiration

    64. Jeff Doe Design

    jeff-doe-minimalist-web-design-inspiration

    65. Kyle Standing

    kyle-standing-minimalist-web-design-inspiration

    66. GB Studio

    gb-studio-minimalist-web-design-inspiration

    67. Poccuo

    poccuo-minimalist-web-design-inspiration

    68. Zurb

    zurb-minimalist-web-design-inspiration

    69. 39/18 Company

    38-18-company-minimalistic-web-design-inspiration

    70. F5 Fest

    f5-fest-minimalist-web-design-inspiration

    ]]>     http://www.isonge.cn/2009/07/%e4%b8%80%e4%ba%9b%e6%b3%a8%e9%87%8d%e6%8e%92%e7%89%88%e7%9a%84%e7%bd%91%e7%ab%99/feed/ 0     从DesignBump看独立设计流程 http://www.isonge.cn/2009/07/%e4%bb%8edesignbump%e7%9c%8b%e7%8b%ac%e7%ab%8b%e8%ae%be%e8%ae%a1%e6%b5%81%e7%a8%8b/ http://www.isonge.cn/2009/07/%e4%bb%8edesignbump%e7%9c%8b%e7%8b%ac%e7%ab%8b%e8%ae%be%e8%ae%a1%e6%b5%81%e7%a8%8b/#comments Thu, 30 Jul 2009 08:38:59 +0000 911 http://www.isonge.cn/?p=466 DesignBump 是我常去浏览的仅涉及设计领域的网站，类DIGG。这里有一篇有关于DesignBump的设计师John Campbell 重设计的文章，向我们展示了独立设计的思路和流程。

    DesignBump旧版本

    The old DesignBump

    DesignBump新版本

    The new DesignBump

    新旧两个版本而言，旧版本的有点类似基于cms的默认模板，没有什么特点和亮点。新版则侧重于UI的高度统一，有相当整洁的版面，和ICON。

    DesignBump是社会性书签网站，在设计上应该偏重于互动性。设计应该尽量趋于简洁易用，让用户更多的关注网站实际内容。

    下面是作者在设计之前，落实在纸面的设计稿（应该是logo的草稿）。看到设计稿，我们能看出设计师在脑海里面的大体概念，追寻着箭头的抽象概念，体现网站整体的行为方式，Up或者Bump。

    DesignBump logo sketches

    草稿反映到绘图软件中。设计者确定了基本的配色，对箭头的基本形状做出了各种demo,为网站的名称选用了几种字体做对比。

    DesignBump logo ideas

    确定了整体效果，并做最后的调整。

    logo的配色选择上，是非常好的，加上细微的颜色渐变，充满了空间感，整体的不仅仅是2D效果，有延伸感。

    DesignBump logo concepts

    加入了黑白两色视觉效果图。这里要说的是，好的logo设计应该秉承VI设计的思路，不仅要简洁好看有意义，易于使用才是根本。可以看到这个标识的黑白稿很有设计感，相信不仅在网页上还是印刷品中使用起来应该十分方便。

    The new DesignBump logo

    下面我们来看看由logo延伸，全套ICON。

    DesignBump icon designs

    DesignBump icon designs

    DesignBump icon designs

    最后我们看看网站的整体版面规划。对于相对简单的既定性版面设计，我们有一套可遵循的操作方法，网格加上辅助线，把各个模块分割出来，插入网格中。有平面设计基础的人，对于这样的设计可谓是手到擒来，没有太大的技术含量。建议设计师多看看版面设计，参照杂志设计或者海报设计，版面和网格的设计就是最基础的原理。可以看到国外的设计已经进化了，想成为出色网页设计师，研习传统设计方式，是不可以避免的一项。有效的继承是创新的基础。

    DesignBump website design and layout

    细节一，Dump

    DesignBump icons in place on the website design

    细节二，分类与链接

    The Designbump colours are brought into the website design

    个人页面

    Design of the DesignBump user profiles

    表单设计

    DesignBump form and button styling


    The Old DesignBump

    The old DesignBump

    The New DesignBump

    The new DesignBump

    ]]>     http://www.isonge.cn/2009/07/%e4%bb%8edesignbump%e7%9c%8b%e7%8b%ac%e7%ab%8b%e8%ae%be%e8%ae%a1%e6%b5%81%e7%a8%8b/feed/ 0