1.28日音讯,网站制作风格简洁“NO”简单

　　1.28日音讯,网站制作风格简洁“NO”简单。在网站建设中我们经常会提到简洁大方，一说到简洁两字，我相大家都会想到简单，的确不只外行人是这样的认为，甚至我们行业的人也有这样的苟同，今天就是来和大家一起分析下，这两者的区别，邯郸网站建设首创网络小编利用这几年的经验，来告诉大家一些设计上的知识，希望能给大家带来帮助，也希望大家能我们一起沟通学习。

　　简洁，不等于简单。这与弹琴是一个道理，你也许有能力弹得很快，但你并不需要在所有地方都弹得这么快。在很多时候，让速度慢下来反而比弹得飞快要来的更加困难。实际上，味道往往最能体现在从容自然、舒缓平淡的韵律当中。接下来进入原文作者人格；我发现自己在很大程度上就是一DummySystem来着。

　　简洁的Web页面设计风格是当前圈子当中的风潮之一。在本文中，我们首先将对这类风格当中的那些最具代表性的组成要素进行分析，随后，我还会向各位分享一些工作中的实战技巧。

　　简洁风格的创意组成要素

　　固定宽度的页面布局结构

　　花时间观察一些简洁风格的网站，你会发现它们当中的绝大多数都有用到经过良好规划的网格布局系统。如果哪位朋友对网格布局还不大了解的话，可以设想一下，在着手进行实际的视觉设计工作之前，使用辅助线将页面划分为若干等宽的列，通过这种方式对页面结构及元素的布局进行更精准的规划。网格布局可以使设计方案当中的信息结构更加清晰，在视觉上具有强烈的节奏感与一致性。

　　固定宽度的网格布局结构可以为页面带来秩序与效率。举个例子，虽然CreativeReview当中的页面布局会根据内容类型的不同而有所区别，但我们能够感受到的浏览体验却是相当连贯的，因为这些页面都是基于同一套网格布局框架进行设计的。下图展示了他家的首页和About页面：

　　对于在线杂志或报纸一类需要呈现大量内容的网站来说，要打造简洁的页面设计方案则更加困难。不过英国的卫报(TheGuardian)以及一些同类型的在线报纸站点倒是向我们展示了通过固定宽度的网格布局实现简洁设计方案的可行性：

　　如果不使用固定宽度的布局方式来组织这些内容，几乎可以说，首页将会乱的一塌糊涂。然而，在网格布局的帮助下，模块之间的留白及层次关系都相当清晰，整个内容结构的健壮性得到了提升。

　　良好的文字排印

　　良好的文字排印方案往往可以对简洁风格的页面设计起到事半功倍的推进作用。

　　对字体数量的限制是这其中的一个关键因素。如果在同一套设计方案当中运用了过多的字体，它们彼此之间就会产生视觉上的竞争与冲突，这无疑会使页面变得凌乱不堪，用户的阅读连贯性也会受到极大的破坏。

　　看看那些设计优秀的网站，你会发现它们通常只会用到一到两种字体，并在此基础上通过不同的字号、字色、粗细、间距等属性来体现出内容的层次结构。

　　在印刷领域，设计方案所用到的颜色数量通常会受到各种现实问题的限制，譬如项目的预算只允许设计师使用两种颜色来设计海报。类似这样的情况是很常见的，设计师们时常会因为这些局限而感到相当的闹不住。

　　而Web设计领域当中却不存在这类问题，如今，多数显示设备所支持的颜色数量都庞大的不亦乐乎。从技术上讲，我们可以随心所欲地打造各种花里胡哨五彩缤纷的设计方案，然而这样的实践方式显然会与简洁至上的设计目标背道而驰。很多经典的案例当中只会用到两种颜色，即某个明度的灰色外加一种有彩色。其中的有彩色会用在最为关键的页面元素上，例如重要的链接或页头当中的交互对象。从某种角度来说这种极简的配色方案具有一石二鸟的作用，一方面，它无疑会对简洁视觉风格的构建起到至关重要的作用，同时，这类方案还能有效的提高页面元素之间的对比度，使那些重要元素得到最大程度的突出。

　　另外一些成功的简洁设计方案当中，虽然用到的颜色数量会超过两种，但整体的配色风格依然趋向于保守，而且用到的颜色多数是比较中性的。我们来看看Solo：

　　正如文字排印方式与信息传达效果之间的关联作用，配色同样不仅是选取一些好看的颜色那么简单，优秀的配色方案可以通过正确的视觉基调将网站当中的内容更加有效地呈现出来。以Notologist为例，明亮、互补的颜色搭配使得内容信息及它们之间的关联得到了非常自然的体现，页面整体风格非常简洁直白，同时又不失活力。

　　一致的图片样式

　　如果同一个网站当中的图片(照片、插画、图表等)样式差别很大，你会觉得焦虑么？反正我会。

　　对于内容当中有可能包含很多图片的网站或页面来说，要落实简洁至上的设计思路，其中最关键的一点就是要通过和谐统一的样式风格将这些视觉元素呈现出来。

　　举例来说，IBM的智能星球运动(SmarterPlanetcampaign)涉及到多个方面的主题，与其相关的印刷品、插画、图表、人机互动素材等都遵从着同一套方案标准，包括几何框架、线条风格、色彩饱和度等。无论是在网站，还是在平面媒体中，相关主题的视觉表现形式都具有高度的一致性。

　　在Protein中，艺术家们的照片并不是统一拍摄的，但从视觉效果上看，无论构图、景深还是光影等方面，这些照片都具有相似的表现。图片个体之间在视觉上的一致性，可以使页面体现出良好的整体感。

　　不过在很多情况下，我们确实难以对页面里的图片表现形式进行有效的管理。一方面，用户上传的图片是难以控制的，另外，对于新闻网站或博客来说，也不可能因为表现形式的问题而舍弃具有重要内容价值的图片。另外，客户也未必有预算去支持图表或插图的重新绘制，设计师必须利用现有资源办事儿。在这类情况当中，可以试着通过边框或类似的元素对图片进行修饰，这样做至少可以为图片增添一种统一的视觉属性。

　　设计思路与技巧

　　先复杂，后简化

　　在页面设计的过程中，我们必然要将各种界面元素一点点的放置在页面里。为了打造简洁的设计方案，很多设计师通常会在这种时候有所顾忌，下不去手。这会导致整个流程当中缺乏必要的探索性，而且最终的设计方案往往会让人感到苍白与空洞，而非简洁。大家多多少少应该都有所体会，如果运气好的话，探索过程中的那些happyaccident往往能带来预想不到的惊艳效果。

　　所以，我们不妨试试先复杂，后简化的思路。在设计流程初期，不要对界面元素的数量进行刻意的限制，同时尽量多尝试一些不同的布局方案，直到需求所需的内容及功能元素全部就位，然后开始简化工作。

　　问一问自己，"有哪些元素是真正需要放在这个地方的？"，试着移除一些辅助性的元素，观察局部或整体页面结构是否因此而受到破坏，如果没有，那么扔掉蛮好。

　　各位大概有听到过"80%的产出源自20%的关键性投入"这个说法(80/20法则)，我们同样可以将这个理论运用到设计工作当中。很多情况下，页面整体设计方案给用户带来的体验感知是以其中一小部分关键元素为根基的。对于这类元素，我们要有足够的辨识能力，并围绕它们进行主要的设计工作，同时对其他元素进行合理的简化。

　　这当中还有一个比较实用的小方法。我们可以找来一些与项目无关的"局外人"，对当前的设计方案进行评估。在这个过程中，向他们解释每个界面元素本身及其视觉表现形式的作用和意义。如果你发现自己对于某些元素无法给出除了"看上去很酷"、"其他网站也是这样做的"以外更具说服力的解释，那么就考虑对它们进行简化或是移除吧。

　　在经历了这样一个过程之后，最终留下的页面元素就是能够帮你构筑最简设计方案的素材。

　　微调，再微调

　　道上的朋友们觉得我总是喜欢没完没了的折腾设计方案，我真心觉得这种评价是对我的赞扬。

　　在我看来，设计流程从来没有真正结束的时候，我们总是可以将方案朝着正确的方向再推进一点。说正经的，在这方面，问问那些和我合作过的设计师或实习生，他们会告诉你，跟着我干是多么苦逼的一件事儿。我估计也是，当我让他们在一些阴影的细节上修改了12次以上的时候，基本没人会觉得有意思了。

　　正像我们在前文当中了解到的，"简洁"是由界面布局、文字排印、配色方案、元素外观等多方面要素协同构成的综合体验效应。所以，在整个流程中，花费大量时间在每个方面的细节当中进行纠结是必需的，这能怪我么？这里增大点行间距，那里的外边距减小两像素，把边框线的颜色由#EEE改为#DDD...这样的改动听上去并不重要，但当所有这些微调共同作用在页面整体上时，细微的差别所累加起来的综合效应就会变得非常明显。

　　所以，微调吧，然后再微调些些。很多时候，在一个细节当中的调整还会引发另外一处的修改需求，有时甚至会对整个设计方案的方向造成影响。不怕，耐心些，简洁至上的设计目标需要我们付出的绝不会像最终成品看上去的那么简单轻松。