设计草稿绘制案例

定位设计风格是网站设计开始的首要准备。
 
    草稿绘制之前要定位设计风格,比如案例已经定位了水彩风格的网页设计。

    最近几年,水彩风格的设计日渐流行,水彩效果的使用在中国应该更加流行。因为中国画风格是中国文化的传承,拥有浑厚的文化底蕴。这里我们借助一个水彩风格的首页设计,带领大家充分地感受水彩风格的魅力。少数的网页设计师已经很好地掌握了这一风格的网页设计,并且达到了相当的高度。水彩效果在Photoshop中采用的是画笔设置,利用美术设计手段绘制底图,倒到水彩画的风格效果。下面开始具体的讲解。

文字排列与字体选用的诀窍

尽管设计师大都不会亲自撰写网站的实际内容,不过他们对于内容整体品质的把握仍然至关重要。设计师的作用就是要保证内容的展现方式足够易读。有很多方法能保证你的字体易读易用,不过给大家列一些该做什么或者不该做什么的规矩和条款,下面带给大家的是一些成功运用字体的实例和分析。

    1.The Netsetter上大而漂亮的字体

    网页设计中,标题很重要,对于博客设计来说尤为如此。最近流行在标题上使用大而粗的字体。这样做有很多好处,不仅能提高特定内容区域的可用性,而且有助于组织设计中的空间和结构。

高效控制留白的技巧

各种不同情况下,留白要求都不尽相同。你需要不断训练自己,对留白所能带来的改变时刻做到心中有数,从而有效地利用留白来满足设计需求。这要靠个人感觉,也需要从实践中锻炼。
   (1)使用网格辅助设计

    利用网格能帮助你理解元素之间的空白。

   (2)不断尝试

    尝试一失败一尝试,直到找到最佳方案。
 
   (3)留白并不是浪费空间

空间、留白

在好的网页设计中,我最留意的是那些对设计元素之间留白的灵活运用。留心不同内容区域之间的间距和排列方式,能让你的设计的整体感官大不一样,从而提升设计的品质。

   (1)出色的留白处理的实例

    页面是否整洁而富有开放感,在很大程度上取决于设计师对文字和图像之间留白量的准确把握。

   (2)大量空白
  
   (3)PostBox上的留白

内容为中心的设计

与上个理念相似,导航的结构以现存的信息体系为基础。可能会按文档类型,而不是主题来组织内容:所有文本文件放在一起,PDF放在这热,图片放在那儿……

    有人很容易争辩道,“为你没有的东西提供访问很难啊。”的确,以内容为中心的设计方法是自然的,在某种程度上是一直存在的。然而,可用内容的数量和类型不该是决定导航优先级的唯一驱动力。

以设计者为中心的设计

这种理念里,最广义的设计者知道什么是他想要的,决策是从个人的世界观出发的。设计者的创意被看重,他的喜好得到了高度重视。可能会鼓励某种自由的探索,然后做出一个决定一直到最终设计完成。这种方法在某种程度上与艺术的理念相似,强调的是个性化的表达。

以用户为中心的设计

产品或服务开发的UCD流程把人放在注意力的中心。它用诸如访谈、观察与各类测试的方法,以用户行为研究取代了猜测和假定,把用户当作开发过程中不可分割的一部分。最终,网站的整体设计应该反映用户对主题有何理解,以及他们对寻找信息有何期望。

    UCD在产品上市前仔细考虑实际的使用情境,潜在地提高了接受度,降低了学习曲线。从这个意义上说,UCD旨在降低产品失败的风险。这种方法并不容易,因为用户研究带来了额外的开发时间和成本。它不是个短期的效应,而是放长线,钓大鱼。

色彩组合的魅力

一个成功的设计者,除了专业技能的不断提升之外,人文素养的充实,对各方资讯变化的充分了解,更是提升设计能力的不二法门。

    色彩之间有着很大的差异认识,网页设计者需要为作品做出一个瓦妹妹的色彩组合。下面例举一些在进行色彩组合时,必须要注意的要点:

    一、 了解网站要传达的内容,并结合既有的品牌印象。在进行设计时,一定要对网站所要传达的信息有充分的认知,在这个前提下进行色彩的搭配。例如,要强调的自然、环保、可以使用蓝色和绿色系为主。如果诉求的重点是现代、科技、可以用蓝色、黑色。此外,如果是企业网站,千万记得结合企业本身的品牌印象,将网站视为企业整体形象的一环。

网页的整体造型是什么

网页的造型就是网站页面的整体结构。图文的完美结合才能使得网站的整体结构的形象提升。

       造型就是穿凿出来的物体形象。网页的整体造型是指页面的整体形象,这种形象应该是一个整体,图形与文本的结合应该层叠有序。虽然显示器和浏览器都是矩形的,但是对于页面的造型,可以充分运用自然界中的其它形状以及它们的组合,如圆形、三角形、菱形等。

    不同的形状多代表的意义是不同的。例如,矩形代表正式、规则,很多ICP和政府网页都是以矩形为整体造型;圆形代表柔和、团结、温暖、安全等,许多时尚站点喜欢以圆形为页面整体造型。虽然不同形状代表着不同的意义,但是目前的网页制作多数是结合多个图形加以设计,其中某种图形的构图比例可能占得多一些。

色彩的三要素之明度

自然界的色彩是千差万别的。人们之所以能对如此多的色彩加以区分,是因为每一种颜色都有自己的鲜明区特征。
 
    明度不等于亮度。根据光度学的概念,亮度是可以用光度计测量的、与人视觉的客观数值。明度则是颜色的亮度在人们视觉上的反映,明度是从感觉上来说明颜色性质的。

    明度是表示物体颜色深浅明暗的特征量,是颜色的第二种属性。对于发光体发出的光的刺激所产生的主观感觉量,则常用“明亮度”一词来描述。