页面设计之个性元素与共性元素

2008-07-17 10:38:43 Web设计,页面设计,个性元素,共性元素 DesignTimes设计视角 网友评论

案例分析

风格定位:CONVERSE是一个非常个性的服饰品牌,从它的官方网站中我们可以看到,设计非常个性,代言人也是特意选择很有个性的摇滚乐明星,所以,设计定位要体现其个性的风格;

我们来分析一下整个设计过程:

1、第一步,确定好页面必要元素,比如,标志,广告文字,模特,版权等,这些必要元素;然后确定大概色调,要体现比较酷的个性,使用灰色系比较容易达到效果;这里使用偏暖的色调搭配黑色,使用红色为突出色;此时,整个版面中规中矩,使用的都是共性的一些元素,有任何特色及个性,与一般页面设计没有区别;

2、根据产品的风格定位,逐步把页面个性化;为了体现自由、个性,我们把底部的黑色块做变化处理,使用一些随意的线条装饰,使得黑色与灰色交界不那么死板,形成随意的衔接;

共性:黑灰组合,简单直白的交界,没有特色,但是也无可挑剔缺陷;

个性:黑灰组合,使用随意的线条过渡,方法较简单,可以使用笔刷,也可以使用直线工具画折线;每个人画出的效果会不一样,注意疏密有间,随意自然!

3、背景:灰色渐变背景稍显简单,但是也不一定要使用非常复杂的背景,这里使用深浅不同的色块交错,使得画面背景一些就可以了;

TAGS:页面
昵称: 验证码: 验证码
  • 平面
  • 地产
  • 室内
  • 包装
  • 标志
  • 摄影
您当前的位置:首页 > 设计教程 > 设计视角

related links / 相关文章

  1. 用JS实现一个页面两份样式表
  2. 页面换肤功能浅析
  3. 页面生命周期2.0
  4. 页面中图像格式的选用之我见
  5. 13种Dreamweaver制作web页面技巧
  6. Dreamweaver8制作符合Web标准的页面

writer's articles / 作者其他文章

update / 栏目更新

  1. 视觉设计常见误解
  2. 剑走偏锋:体验ebay的AIR
  3. 腾讯网首页诞生的艰辛历程
  4. 什么是直方图?
  5. 设计技巧杂谈 I
  6. 不同的颜色会影响你的心境?
  7. 设计师和美工
  8. 交互原型设计软件Axure中文教程 II
  9. 交互原型设计软件Axure中文教程 I
  10. 网页栅格系统研究:蛋糕的切法

designers show / 设计秀

  1. 设计师Chatel创意广告欣赏
  2. Sommer平面广告设计作品欣赏(2)
  3. Sommer平面广告设计作品欣赏(1)
  4. Leon Rechter封面平面广告设计
  5. Jeep Wrangler 平面广告设计
  6. First Australians广告欣赏
  7. Linda 平面广告设计欣赏(1)
  8. DeLonghi电熨斗平面广告欣赏
  9. SONY walkman平面广告欣赏
  10. Linda 平面广告设计欣赏(2)

design edu / 设计教程