css - 禅意花园 - 设计

颜色

 

作用

颜色可以象征一些普遍的事物从而引发人的一些情绪。

 

事例

1.红色：暖色，容易联想到火焰和辛辣的胡椒粉。代表力量、活力、爱、激情、进攻、危险

2.棕色：象征土地，大自然

3.橙色：愉快、幸福

4.蓝色：信任、保守、安全、清洁、悲伤、有序

5.绿色：大自然、健康、嫉妒、复苏

6.黄色：乐观、希望、冷静、懦弱

7.紫色：神秘

8.褐色：可靠、舒适、忍耐、大地

9.灰色/银色：智慧、未来、谦虚、悲哀、腐朽、高雅

10.黑色：力量、性、完善、神秘、恐惧、忧愁、死亡

11.白色：纯洁、干净、精确、中性、不毛、死亡 

 

注：

某种颜色可能引起两种相反的心里联想，浅绿色能够唤起某种比较愉悦的感觉，深绿色恰恰相反

色彩和文化、性别都有一定关联，在美国绿色让人联想到金钱，紫色让欧洲人感到悲哀，在中国白色表示悲恸和死亡。

 

 

 

 

光影

 

作用

光和影可以为作品添加真实感，让作品中的某个部位凹现出来，以体现层次感。

 

事例

使用渐变填充实现梯度效果，为按钮添加立体的斜边，为照片创建阴影。

 

注：

1. 阴影的亮度表示物体与阴影投射表面的距离。深色的阴影代表物体与背景较近，浅色代表较远，即更靠近观察者。

2. 阴影的长宽也会造成不同的距离感。细小的阴影让人感觉物体与背景较近，宽大的就会感觉稍远。

3. 确保光源的真实性，页面的多个对象光源方向要一致。

 

 

 

形状

 

作用

唤起欣赏者某种特定的情绪。

 

事例

弧形经常与女性、阴柔关联起来，表示温暖、舒适、暧昧以及爱情，可以具体为社区、全体、忍耐、运动、安全等含义。三角型通常会让人联想到男性、阳刚，表达一种强壮、攻击以及运动感，棱角朝上体现向上的趋势以及攻击性，向下暗示消极表示被动和无力。方形暗示力量和根基，给浏览者带来有序、逻辑、严密以及安全的感觉。

 

 

 

 

空间

 

作用

适当的空间可以将浏览者的目光引导至页面中的关键位置。空间还能够对文本和图像的过密产生一定的缓冲，让眼睛有休息的余地。这将大大提高内容的可读性，并给浏览者足够的思考内容的时间。

 

事例

适当的空间让作品充满优雅的气息，拥挤的设计意味着信息过多，会让浏览者绷紧了神经。正空间是组成作品的对象所占用的空间，负空间则是指非作品对象（如背景）占据的空间；两者互相依赖、相辅相成。