• 灰色系的标志与网页界面设计

    日期:2011-01-17 | 分类:设计交流

    在这篇中,我们将讨论一下七彩之外的色彩,让我们看一下灰色。灰色是一个平稳的、中立的色彩,它在网页设计中非常漂亮。它不会激发非常强烈的情感(或许除了一种不好的心情),而红色、橙色或者紫色则会。它不像黑色那么鲜明,但是一个非常暗的灰色可以做同样的事情。...

  • 粉色系的标志与网页界面设计

    日期:2011-01-12 | 分类:设计交流

    这次让我们来看一看鲜明的粉色。尽管红色与激情相连,粉色却与爱情和浪漫有关。它是个时尚的颜色,然而尽管通常被认为是个很女性的颜色,但是并非女生专用色。你是个穿粉色衣服的很man的帅哥吗?粉色是个时髦和活泼的色彩,而且在网页设计中令人惊讶的流行。

     ...
  • 蓝色系的标志与网站界面设计

    日期:2010-12-22 | 分类:设计交流

    今天让我们从色盘的暖色调的一端转移到冷色调的一端,看一下蓝颜色。蓝色是一个和天空和海洋相联系的自然色。它有种镇静的效果,而且被认为是一个很好的可以用在卧室中的颜色,因为它有助于让你入睡。

     

    虽然红色可以传达强烈的情感和热情,蓝色也会理所当然...
  • 绿色系的标志与网站界面设计

    日期:2010-12-14 | 分类:设计交流

    今天让我们了解一下绿色。和蓝色一样,绿色和大自然与植物紧密相关。这四十个绿色的渐变色是相当明了的,当你想到很多绿色调的色彩的名字的时候,你可以轻易的想到为什么:海绿色、祖母绿、草绿、苹果绿、森林绿、叶绿色、会绿色、橄榄绿、淡绿色、松绿色以及苔绿色...
  • 上篇我们讨论了温暖而鲜明的橙色。今天我们将继续停留在色盘的同一边,讨论一下黄色。就像橙色和红色,黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩。不过话虽如此,它可能是一个难以应付的色彩,而且貌似并不像之前讨...
  • 今天我们将看一下橙色以及它在网页设计和Logo设计中的应用。橙色是红色和黄色的搭档,是一个充满活力与华丽的醒目的暖色。它比红色少了些热情和挑衅,但是可以被用于吸引注意力之类的样式和设计中高度重要的区域。

     

    橙色设计通常传达一种比较亲近的感觉,同...
  • 红色系网站的配色方案

    日期:2010-10-29 | 分类:设计交流

    今天将讨论设计中的单个色彩,包括一个简要的色彩心理学理论和大量可见的实例。色彩是设计中的一个很重要的元素。它被用于影响我们的心情,影响购物选择,以及作为情感的象征。让我们从最富有感情的色彩——红色开始吧。

     

    对色彩的看法可能比较主...
  • 交互设计师在设计线框图原型时,熟知常见的web设计模式很有帮助,做到“心中有数”才能创造出符合需求,用户易学易用的界面来。所谓“没有必要重复发明轮子”,模式往往容易解决常见问题,正确的模式能帮用户熟悉界面、提高效率。

    常见的UI设计模式如下图:



    下面分别进行具体分析,遇到不同需求的时候就可以选择合适UI设计模式。

    01.主体/细节(M...
  • 杂志网站设计教程

    日期:2010-07-30 | 分类:设计工具及技巧

    这是我众多网站界面设计教程中的一个,是专门为10Steps.sg写的。我们要兼顾整个页面的美感,在动手设计杂志网站界面之前要做细致的设计规划。希望本教程会为你以后的项目设计带来帮助。

    最终效果预览



    下面让我们用线框来着手布局。下图就是我们绘制的简单布局,这么做的目的是要确定每个元素的位置。确定主导航栏包含几个部分、以及最新增加的内容在主页面中的展示位置。



    新建文件,宽...
  • 线框图是交互设计师必不可少的产出物,它在交互设计师的工作中扮演了如此重要的角色,以至于交互设计师经常被认为是个画线框图的,但是无论是设计师本人还是项目组成员,对于线框图存在的意义未必有足够的认识。

    项目为何需要线框图? 为什么不缩短周期,直接跳转到视觉设计呢? 对于设计师而言,疑问一样存在:

    线框图给我们带来什么价值? 在我们想进行线框图培训时,疑问有: 不就是画个草图吗?还需要学习? 如果大家都把线框图理解成&...