直线与曲线风格的合理组合搭配Word格式文档下载.docx

直线与曲线风格的合理组合搭配Word格式文档下载.docx

《直线与曲线风格的合理组合搭配Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《直线与曲线风格的合理组合搭配Word格式文档下载.docx（14页珍藏版）》请在冰点文库上搜索。

直线的设计简洁、大方，给人专业、诚信、正直等心理感受；

体现这类型行业如工业，科技，大型，政府相关行业适用；

2、请分析出斜线的应用场合？

斜线代表运动、速度，有张力，视觉上看起来很活跃。

给人速度、运动感，体现运动品牌，汽车相关行业适用；

3、请分析出曲线的应用场合？

曲线格局灵活性和流动性的效果适合很多类型的网站，如水酒饮料，与海洋河流相关的类型网站，柔软材质产品类型企业网站。

曲线的时尚感、飘逸感、柔软感更是十分适合女性类、生活类、纺织品类等信息类型的网站。

直线与直线搭配更容易协调，曲线与曲线搭配更容易协调；

两者混合使用时保持适当距离（不贴近，如下图）

一、直线格局的特色

直线

直线的设计简洁、大方、严谨、端正。

如haier网站页面。

界面严谨，给人专业、诚信、正直等心理感受。

如果多留意，你就会发现，工业、科技、医学、技术、政府、大型资讯等相关行业网站喜欢用直线格局来设计。

它不仅体现出商业化的心理特征，还可以尽量避免浪费页面空间，可以有效的进行信息内容的编排。

直线格局，优点不少，但也有缺点，即容易变得单调，直板；

如下图，如果只看页面结构的话，只有方方正正的直线布局，显得十分死板。

为了使直线格局不仅能保有自己的优势，同时还能灵活起来，下图中出现了一些斜线元素装饰，增加了页面的活动性。

同时页面通过面积不等的色块和不同的色彩划分，增加不规则的划分；

利用插图元素增加画面的活泼性。

二、直线风格运用分析

信息区布局的方式，我们都知道，要么是直线的，要么是曲线的，或者是两者结合的。

直线和曲线给人的感觉在设计应用当中有很多不同，要知道怎么应用好它们，先来分析它们是如何做得统一的。

下图中，红色框是圆角与圆角搭配，绿色框是直角在圆角风格中的运用；

1、 

红A和B外边框是圆角造型，形成整体风格为圆角风格；

其内角均使用圆角呼应，与外边框形成白边空隙；

2、 

绿色A、B、C均为圆角内部的直角，它与圆角没有直接的接触，所以在造型上没有产生冲突；

3、 

红色C为圆角造型与外部造型的组合，运用了圆角来衔接；

总结：

圆角造型中，转角处用圆角，不用直角与圆角产生直接接触；

反之：

红A、B使用圆角对直角，边界对比更加尖锐，直角风格更突出了，破坏的原有的圆角风格；

红C则产生的明显的不协调感；

三、斜线的特点：

斜线

有的时候我们运用直线来造型总是会觉得过于死板，这除了直线本身的特点之外，还有就是对直线格局的规划没有做到为，比如没有适当的活跃造型的元素。

这时，使用斜线是不不错的选择，如下图：

整个格局是直线造型，但是是利用斜线来格局，这样的视觉效果又是不一样的感觉，我们知道，斜线代表运动、速度，有张力，视觉上看起来很活跃。

四、直线风格表现亲和力

一般情况下感觉直线更加直爽干脆，但同时又是简洁的象征，通过最简单的格局搭配画面插图和色彩，也很容易表达亲和力风格；

画面通过具有很强的亲和力的插图和温馨的色彩来体现亲和力感觉，虽然都是直线格局，但是并不显得死板，画面的插图起到了很好的分散视觉的作用，同时画面的气氛又显得那么温馨舒适，色彩使用淡褐色稍微有些明暗变化但又不强烈，色调很舒适温暖；

五、斜线的运用：

我们说了，直线格局容易产生死板的感觉，但是直线格局有又其个性和优点，所以如何通过直线格局而又不死板，是需要我们考虑的。

如下学生作业，使用了直线格局，看起来显得十分呆板！

为了让页面保持直线格局的优势的同时，还可以灵活起来，我们需要做修改。

修改思路：

前提：

根据企业形象，需要修改整体色彩和插图元素，以达到合理的设计。

1、banner：

一整块的图片，使画面过于平板，没有变化，只有导航背景一块渐变色，显得太过无力，影响不了页面效果。

我们把导航加强处理，背景直接使用logo的红色，加大红色的面积；

左上角切去一部分小角，运用斜线丰富了直线造型，有迎合了logo圆中的造型。

Banner图片选择合适的插图和搭配广告文案。

最右边使用深灰色切割了画面，又丰富了色彩。

2、内容区域：

布局既要合理又要不呆板，要严谨易阅读又要灵活起来。

在各内容区域的标题上做文章，让标题与导航切角风格一直，增加了画面的统一元素，形成统一的视觉风格。

小标题又起到了活跃画面的点缀作用。

六、曲线格局的特色

相对于直线格局，曲线格局更为复杂一些。

它的创造性更强，更能给画面带来张力和流动感。

我们来看看曲线的特点和心里联想：

自由曲线

规则曲线

有一点要注意：

曲线造型格局需要消耗的页面空间比较多，页面上部因曲线的设计而占据了很大的面积，有效信息无法放置到更上面的位置，所以，信息量大、信息效率高的网站类型，是不适宜用于夸张的曲线效果的。

如果非常想尝试，可以使用短小一些的曲线，令曲度小一些，以点缀的方式进行，这样比较有利。

曲线案例：

海氏集团网站，利用VI图形曲线的造型，轻松的勾画出画面主体图片的曲线，创造除了富有个性、飘逸、轻松的视觉画面，这是直线格局无法实现的。

以下为女性用品网站，利用了众多非常优美、顺畅的曲线，搭配女性色彩（粉红）给人留下很深的印象，柔美、时尚体现出了女性独有的特征。

杂乱的曲线是为了实现特定的项目而做的，如下图，发型设计公司网站，现代女性对发型的要求不在拘泥与淑女形象的直发，而是更多的追求个性的时尚的另类造型，随意、个性是现代女性比较推崇的，所以，以下设计造型显得非常随意个性，以迎合目标受众。

七、曲线风格应用：

在学生作业当中，有不少是利用曲线来造型的，有的是局部，也有的是整体。

这些作业当中普遍存在的问题是：

曲线造型不美观，曲线不流畅，曲线造型内的元素安排不好。

以下图中就有这几个问题。

曲线造型：

从大图可以看到，曲线造型很不美观，并且有锯齿，这是非常影响页面效果的。

给用户感觉是粗糙，怎么能让用户对公司的做事产生好感呢！

曲线造型内的插图和广告文字安排不好。

插图其实是比较能体现企业的产品特征的，人物的笑容也给人较强的亲和力，不过切图上感觉不太好，整个画面空荡荡的，产品特征还体现得不过好，广告文字的色彩和画面不协调，也处理的过简单。

修改：

1、把曲线造型重新调整，曲线更流畅自然，造型看起来更加美观舒服。

2、插图调整，选择更加能体现企业特征和产品特征的插图。

保留人物增近亲和力。

文字的色调与画面协调起来，设计上更加丰富些；

有部分人对曲线格局抱有疑惑，觉得曲线格局不就是一道曲线而已么？

实际上，曲线格局存有曲度、方向、宽窄、高低、角度几色彩的概念。

包括常见的圆形和不规则的曲线图形，由于创作难度大于直线格局，所以并非是容易做好的。

八、曲线与直线结合使用

有时候，为了丰富画面效果，使画面看起来灵活生动起来，局部使用曲线来装饰是个不错的选择。

如下图：

设计格局基本是直线的，但是为了突出网站特点—儿童类型项目，不宜使用过于直线的格局，而需要通过曲线让画面活泼起来。

比如，导航的曲线设计处理和页面方形元素基本使用了圆角效果。