直线和曲线风格合理组合搭配.docVIP

直线与曲线风格的合理组合搭配 时间：2010-5-12 0:35:02　来源：满江红艺术网　【 HYPERLINK javascript:doZoom(16) 大 HYPERLINK javascript:doZoom(14) 中 HYPERLINK javascript:doZoom(12) 小】　点击数：63 直线与曲线组合要点：直线与直线搭配更容易协调，曲线与曲线搭配更容易协调圆角造型中，转角处用圆角，不用直角与圆角产生直接接触；在与圆角不直接接触的内部，可以使用直角； 1、请分析出直线的应用场合？直线的设计简洁、大方，给人专业、诚信、正直等心理感受；体现这类型行业如工业，科技，大型，政府相关行业适用； 2、请分析出斜线的应用场合？斜线代表运动、速度，有张力，视觉上看起来很活跃。给人速度、运动感，体现运动品牌，汽车相关行业适用； 3、请分析出曲线的应用场合？曲线格局灵活性和流动性的效果适合很多类型的网站，如水酒饮料，与海洋河流相关的类型网站，柔软材质产品类型企业网站。曲线的时尚感、飘逸感、柔软感更是十分适合女性类、生活类、纺织品类等信息类型的网站。 ? 直线与曲线组合要点：直线与直线搭配更容易协调，曲线与曲线搭配更容易协调；两者混合使用时保持适当距离（不贴近，如下图） 一、直线格局的特色 ???? 直线 ? 直线的设计简洁、大方、严谨、端正。如haier网站页面。界面严谨，给人专业、诚信、正直等心理感受。如果多留意，你就会发现，工业、科技、医学、技术、政府、大型资讯等相关行业网站喜欢用直线格局来设计。它不仅体现出商业化的心理特征，还可以尽量避免浪费页面空间，可以有效的进行信息内容的编排。 直线格局，优点不少，但也有缺点，即容易变得单调，直板；如下图，如果只看页面结构的话，只有方方正正的直线布局，显得十分死板。为了使直线格局不仅能保有自己的优势，同时还能灵活起来，下图中出现了一些斜线元素装饰，增加了页面的活动性。同时页面通过面积不等的色块和不同的色彩划分，增加不规则的划分；利用插图元素增加画面的活泼性。 二、直线风格运用分析 信息区布局的方式，我们都知道，要么是直线的，要么是曲线的，或者是两者结合的。直线和曲线给人的感觉在设计应用当中有很多不同，要知道怎么应用好它们，先来分析它们是如何做得统一的。 下图中，红色框是圆角与圆角搭配，绿色框是直角在圆角风格中的运用； 1、? 红A和B外边框是圆角造型，形成整体风格为圆角风格；其内角均使用圆角呼应，与外边框形成白边空隙； 2、? 绿色A、B、C均为圆角内部的直角，它与圆角没有直接的接触，所以在造型上没有产生冲突； 3、? 红色C为圆角造型与外部造型的组合，运用了圆角来衔接； 总结：圆角造型中，转角处用圆角，不用直角与圆角产生直接接触；在与圆角不直接接触的内部，可以使用直角； ? ? 反之： 红A、B使用圆角对直角，边界对比更加尖锐，直角风格更突出了，破坏的原有的圆角风格； 红C则产生的明显的不协调感； ? ? 三、斜线的特点： ? ? ??? 斜线 ? 有的时候我们运用直线来造型总是会觉得过于死板，这除了直线本身的特点之外，还有就是对直线格局的规划没有做到为，比如没有适当的活跃造型的元素。这时，使用斜线是不不错的选择，如下图：整个格局是直线造型，但是是利用斜线来格局，这样的视觉效果又是不一样的感觉，我们知道，斜线代表运动、速度，有张力，视觉上看起来很活跃。 四、直线风格表现亲和力 一般情况下感觉直线更加直爽干脆，但同时又是简洁的象征，通过最简单的格局搭配画面插图和色彩，也很容易表达亲和力风格； 画面通过具有很强的亲和力的插图和温馨的色彩来体现亲和力感觉，虽然都是直线格局，但是并不显得死板，画面的插图起到了很好的分散视觉的作用，同时画面的气氛又显得那么温馨舒适，色彩使用淡褐色稍微有些明暗变化但又不强烈，色调很舒适温暖； 五、斜线的运用：我们说了，直线格局容易产生死板的感觉，但是直线格局有又其个性和优点，所以如何通过直线格局而又不死板，是需要我们考虑的。如下学生作业，使用了直线格局，看起来显得十分呆板！为了让页面保持直线格局的优势的同时，还可以灵活起来，我们需要做修改。 修改思路：前提：根据企业形象，需要修改整体色彩和插图元素，以达到合理的设计。1、banner：一整块的图片，使画面过于平板，没有变化，只有导航背景一块渐变色，显得太过无力，影响不了页面效果。我们把导航加强处理，背景直接使用logo的红色，加大红色的面积；左上角切去一部分小角，运用斜线丰富了直线造型，有迎合了logo圆中的造型。Banner图片选择合适的插图和搭配广告文案。最右边使用深灰色切割了画面，又丰富了色彩。 2、内容区域：布局既要合理又要不呆板，要严谨易阅读又要灵活起来。在各内容区域的标题