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

1、直线的设计简洁、大方，给人专业、诚信、正直等心理感受；体现这类型行业如工业，科技，大型，政府相关行业适用；2、请分析出斜线的应用场合？斜线代表运动、速度，有张力，视觉上看起来很活跃。给人速度、运动感，体现运动品牌，汽车相关行业适用；3、请分析出曲线的应用场合？曲线格局灵活性和流动性的效果适合很多类型的网站，如水酒饮料，与海洋河流相关的类型网站，柔软材质产品类型企业网站。曲线的时尚感、飘逸感、柔软感更是十分适合女性类、生活类、纺织品类等信息类型的网站。直线与直线搭配更容易协调，曲线与曲线搭配更容易协调；两者混合使用时保持适当距离（不贴近，如下图）一、直线格局的特色 直线直线的设计简洁、大方、严谨

2、、端正。如haier网站页面。界面严谨，给人专业、诚信、正直等心理感受。如果多留意，你就会发现，工业、科技、医学、技术、政府、大型资讯等相关行业网站喜欢用直线格局来设计。它不仅体现出商业化的心理特征，还可以尽量避免浪费页面空间，可以有效的进行信息内容的编排。直线格局，优点不少，但也有缺点，即容易变得单调，直板；如下图，如果只看页面结构的话，只有方方正正的直线布局，显得十分死板。为了使直线格局不仅能保有自己的优势，同时还能灵活起来，下图中出现了一些斜线元素装饰，增加了页面的活动性。同时页面通过面积不等的色块和不同的色彩划分，增加不规则的划分；利用插图元素增加画面的活泼性。二、直线风格运用分析信息

3、区布局的方式，我们都知道，要么是直线的，要么是曲线的，或者是两者结合的。直线和曲线给人的感觉在设计应用当中有很多不同，要知道怎么应用好它们，先来分析它们是如何做得统一的。下图中，红色框是圆角与圆角搭配，绿色框是直角在圆角风格中的运用；1、 红A和B外边框是圆角造型，形成整体风格为圆角风格；其内角均使用圆角呼应，与外边框形成白边空隙；2、 绿色A、B、C均为圆角内部的直角，它与圆角没有直接的接触，所以在造型上没有产生冲突；3、 红色C为圆角造型与外部造型的组合，运用了圆角来衔接；总结：圆角造型中，转角处用圆角，不用直角与圆角产生直接接触；反之：红A、B使用圆角对直角，边界对比更加尖锐，直角风格更

4、突出了，破坏的原有的圆角风格；红C则产生的明显的不协调感；三、斜线的特点： 斜线有的时候我们运用直线来造型总是会觉得过于死板，这除了直线本身的特点之外，还有就是对直线格局的规划没有做到为，比如没有适当的活跃造型的元素。这时，使用斜线是不不错的选择，如下图：整个格局是直线造型，但是是利用斜线来格局，这样的视觉效果又是不一样的感觉，我们知道，斜线代表运动、速度，有张力，视觉上看起来很活跃。四、直线风格表现亲和力一般情况下感觉直线更加直爽干脆，但同时又是简洁的象征，通过最简单的格局搭配画面插图和色彩，也很容易表达亲和力风格；画面通过具有很强的亲和力的插图和温馨的色彩来体现亲和力感觉，虽然都是直线格局

5、，但是并不显得死板，画面的插图起到了很好的分散视觉的作用，同时画面的气氛又显得那么温馨舒适，色彩使用淡褐色稍微有些明暗变化但又不强烈，色调很舒适温暖；五、斜线的运用：我们说了，直线格局容易产生死板的感觉，但是直线格局有又其个性和优点，所以如何通过直线格局而又不死板，是需要我们考虑的。如下学生作业，使用了直线格局，看起来显得十分呆板！为了让页面保持直线格局的优势的同时，还可以灵活起来，我们需要做修改。修改思路：前提：根据企业形象，需要修改整体色彩和插图元素，以达到合理的设计。1、banner：一整块的图片，使画面过于平板，没有变化，只有导航背景一块渐变色，显得太过无力，影响不了页面效果。我们把导

6、航加强处理，背景直接使用logo的红色，加大红色的面积；左上角切去一部分小角，运用斜线丰富了直线造型，有迎合了logo圆中的造型。Banner图片选择合适的插图和搭配广告文案。最右边使用深灰色切割了画面，又丰富了色彩。2、内容区域：布局既要合理又要不呆板，要严谨易阅读又要灵活起来。在各内容区域的标题上做文章，让标题与导航切角风格一直，增加了画面的统一元素，形成统一的视觉风格。小标题又起到了活跃画面的点缀作用。六、曲线格局的特色相对于直线格局，曲线格局更为复杂一些。它的创造性更强，更能给画面带来张力和流动感。我们来看看曲线的特点和心里联想： 自由曲线 规则曲线有一点要注意：曲线造型格局需要消耗的

7、页面空间比较多，页面上部因曲线的设计而占据了很大的面积，有效信息无法放置到更上面的位置，所以，信息量大、信息效率高的网站类型，是不适宜用于夸张的曲线效果的。如果非常想尝试，可以使用短小一些的曲线，令曲度小一些，以点缀的方式进行，这样比较有利。曲线案例：海氏集团网站，利用VI图形曲线的造型，轻松的勾画出画面主体图片的曲线，创造除了富有个性、飘逸、轻松的视觉画面，这是直线格局无法实现的。以下为女性用品网站，利用了众多非常优美、顺畅的曲线，搭配女性色彩（粉红）给人留下很深的印象，柔美、时尚体现出了女性独有的特征。杂乱的曲线是为了实现特定的项目而做的，如下图，发型设计公司网站，现代女性对发型的要求不在

8、拘泥与淑女形象的直发，而是更多的追求个性的时尚的另类造型，随意、个性是现代女性比较推崇的，所以，以下设计造型显得非常随意个性，以迎合目标受众。七、曲线风格应用：在学生作业当中，有不少是利用曲线来造型的，有的是局部，也有的是整体。这些作业当中普遍存在的问题是：曲线造型不美观，曲线不流畅，曲线造型内的元素安排不好。以下图中就有这几个问题。 曲线造型：从大图可以看到，曲线造型很不美观，并且有锯齿，这是非常影响页面效果的。给用户感觉是粗糙，怎么能让用户对公司的做事产生好感呢！ 曲线造型内的插图和广告文字安排不好。插图其实是比较能体现企业的产品特征的，人物的笑容也给人较强的亲和力，不过切图上感觉不太好，

9、整个画面空荡荡的，产品特征还体现得不过好，广告文字的色彩和画面不协调，也处理的过简单。修改：1、把曲线造型重新调整，曲线更流畅自然，造型看起来更加美观舒服。2、插图调整，选择更加能体现企业特征和产品特征的插图。保留人物增近亲和力。文字的色调与画面协调起来，设计上更加丰富些；有部分人对曲线格局抱有疑惑，觉得曲线格局不就是一道曲线而已么？实际上，曲线格局存有曲度、方向、宽窄、高低、角度几色彩的概念。包括常见的圆形和不规则的曲线图形，由于创作难度大于直线格局，所以并非是容易做好的。八、曲线与直线结合使用有时候，为了丰富画面效果，使画面看起来灵活生动起来，局部使用曲线来装饰是个不错的选择。如下图：设计格局基本是直线的，但是为了突出网站特点儿童类型项目，不宜使用过于直线的格局，而需要通过曲线让画面活泼起来。比如，导航的曲线设计处理和页面方形元素基本使用了圆角效果。