小站会根据您的关注，为您发现更多，
看到喜欢的小站就马上关注吧！
下一站，你会遇见谁的梦想？
网页设计的艺术处理原则
网页的设计主要是设计软件的操作与技术应用的问题。但是，要使网页设计、制作得漂亮，必然离不开对其进行艺术的加工和处理，这就要涉及到美术的一些基本常识。本文将介绍一些网页设计中经常涉及到的艺术处理原则，供各位在进行制作的时候参考。&
一、风格定位&　　网 页的美化首先要考虑风格的定位。任何网页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。目前网页的应用范 围日益扩大，几乎包括了所有的行业，林林总总，包罗万象，但归纳起来大体有这么几个大类：新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心 等。对于不同性质的行业，应体现出不同的主页风格，就像穿着打扮，应依不同的性别以及年龄层次而异一样。例如：政府部门的主页风格一般应比较庄重，而娱乐 行业则可以活泼生动一些；文化教育部门的主页风格应该高雅大方，而商务主页则可以贴近民俗，使大众喜闻乐见。
网页风格的形成主要依赖于网 页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。这些问题看似简单，但往往需要网页的设计和制作者具有一定的美术素质和修养。还有，动 画效果也不宜在网页设计中滥用，特别是一些内容比较严肃的主页。网页毕竟主要依靠文字和图片来传播信息，它不是动画片，更不是电视或电影。至于在网页中适 当链接一些影视作品，那是另外一回事。　　二、版面编排&　　网页的设计首先涉及到的是页面的版面编排问题。&版面编 排&实际上就是中国古代画论中的&经营位置&。网页作为一种版面，既有文字，又有图片。文字有大有小，还有标题和正文之分；图片也有大小，而且有横有竖之 别。图片和文字都需要同时展示给观众，总不能简单地罗列在一个页面上，这样往往会搞得杂乱无章。因此必须根据内容的需要，将这些图片和文字按照一定的次序 进行合理的编排和布局，使它们组成一个有机的整体，展现给广大的观众。可以依据如下几条来做：&
1.主次分明，中心突出。在一个页面上，必然考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。因此，一些重要的文章和图片一般可以安排在这个部位，在视觉中心以外的地方就可以安排那些稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。
2.大小搭配，相互呼应。较长的文章或标题，不要编排在一起，要有一定的距离，同样，较短的文章，也不能编排在一起。对待图片的安排也是这样，要互相错开，造成大小之间有一定的间隔，这样可以使页面错落有致，避免重心的偏离。&
3.图文并茂，相得益彰。文字和图片具有一种相互补充的视觉关系，页面上文字太多，就显得沉闷，缺乏生气。页面上图片太多，缺少文字，必然就会减少页面的信息容量。因此，最理想的效果是文字与图片的密切配合，互为衬托，既能活跃页面，又使主页有丰富的内容。　　三、线条和形状　　文字、标题、图片等的组合，会在页面上形成各种各样的线条和形状。这些线条与形状的组合，构成了主页的总体艺术效果。必须注意艺术地搭配好这些线条和形状，才能增强页面的艺术魅力。&
1.直线（矩形）的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐，所谓有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。一般应用于比较庄重、严肃的主页题材。
2.曲线（弧形）的应用。曲线的效果是流动、活跃，具有动感。曲线和弧形在页面上的重复组合可以呈现流畅、轻快，富有活力的视觉效果。一般应用于青春、活泼的主页题材。
3. 曲、直线（矩形、弧形）的综合应用。把以上两种线条和形状结合起来运用，可以大大丰富主页的表现力，使页面呈现更加丰富多彩的艺术效果。这种形式的主页， 适应的范围更大，各种主题的主页都可以应用。但是，在页面的编排处理上，难度也会相应大一些，处理得不好会产生凌乱的效果。最简单的途径是，在一个页面上 以一种线条（形状）为主，只在局部的范围内适当用一些其它线条（形状）。　　四、色彩处理&　　色彩是人的视觉最敏感的 东西。网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是&总体协调，局部对比&，也就是：网页的整体色彩效果应该是和谐 的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据网页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩 绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感 觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用 色彩的这些特性，可以使我们的网页具有深刻的艺术内涵，从而提升主页的文化品位。&
设计时如何把握网页布局
最开始，网页呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思。在开始的时侯，你需要明白，虽然你能控制一切你所能控制的东西，但假 如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案，但如果你是初 学者，那么最好明白网页布局的基本概念。
　　1.页面尺寸：　　由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你 无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸 为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在的情况下，页面的显示尺 寸为：。从以上数据可以看出，分辨率越高页面尺寸越大。&　　浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取 消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。　　在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。
　　2.整体造型：　 　什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都 是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。&　　对于不同的形状，它们所代表的意义是不 同的。比如矩形代表着正式，规则，你注意到很多ICP和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页 面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交 友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一 些。
　　3.页头：　　页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。
　　4.文本：　　文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。
　　5.页脚：　　页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。&
　　6.图片&　　图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。
　　7.多媒体&　　除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。
网站的设计、管理与维护
一、目标明确、定位正确
　　Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网－－这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予足够的重视，明确设计站点的目的和用户需求，从而作出切实可行的计划。
　　挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。
　　分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。所以，企业或机构应清楚地了解本网站的受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等，从而能够有的放矢。
　　二、主题鲜明、富有特色
　　在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。
　　Web站点应针对所服务对象（机构或人）不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。
　　要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。
　　&& 三、版式编排布局合理
　　网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。
　　版式设计通过文字图形的空间组合，表达出和谐与美。版式设计通过视觉要素的理性分析，和严格的形式构成训练，培养对整体画面的把握能力和审美能力。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。
　　努力做到整体布局合理化、有序化、整体化。优秀之作，善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述，做到丰富多样而又简洁明了。
　　多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面，一定设计有向前和向后的按钮，便于浏览者仔细研读。
　　站点设计简单有序，主次关系分明，将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。
　　四、色彩和谐重点突出
　　色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。在页面上一定得明确调性，而其它有色或无色的内容均属黑、白、灰的三色空间关系，从而构成它们的空间层次。
　　色彩是艺术表现的要素之一，它是光刺Ji眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。
　　利用色彩对人们心理的影响的成果，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人心理上感觉凉爽一些。
　　在色彩的运用过程中，还应注意的一个问题是：由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。
　　五、形式内容和谐统一
　　形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。
　　画面的组织原则中，将丰富的意义和多样的形式组织在一个统一的结构里，形式语言必须符合页面的内容，体现内容的丰富含义。
　　运用对比与调和，对称与平衡，节奏与韵律以及留白等手段，如通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些动感的的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。
　　点、线、面是视觉语言中的基本元素，使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。
　　点是所有空间形态中最简洁的元素，也可以说是最活跃、最不安分的元素。设计中，一个点就可以包罗万象，体现设计者的无限心思，网页中的图标，单个图片，按钮或一团文字等都可以说是点。点是灵活多变的，我们可以将一排文字视为一个点，将一个图形视为一个点。在网页设计中的点，由于大小、形态、位置的不同而给人不同的心理感受。
　　线是点移动的轨迹，线在编排设计中有强调、分割、导线，视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立的感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线的分割保证页面良好的视觉秩序，页面在直线的分割下，产生和谐统一的美感；通过不同比例的空间分割，有时会产生空间层次韵律感。
　　面的形态除了规则的几何形体外，还有其它一些不规则的形态，可以说表现形式是多种多样的。面在平面设计中是点的扩大，线的重复形成的。面状给人以整体美感，使空间层次丰富，使单一的空间多元化，在表达较含蓄。
　　网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。
　　　　总之，在每天不断增长的Web站点中，如何独树一帜、鹤立鸡群是对网站设计者综合能力的考验和挑战
网站设计的思考-确定网站的栏目和版块
我们在动手制作网页前，一定要考虑好以下三方面：　　1.确定栏目和版块；　　2.确定网站的目录结构和链接结构　　3.确定网站的整体风格创意设计　　今天我们首先来讨论&确定网站的栏目和版块&。　　网站的题材确定后，相信你已经收集和组织了许多相关的资料内容。你一定认为这些都是最好的，肯定能吸引网友们来浏览网站。但是你有没有将最好的，最吸引人的内容放在最突出的位置呢？有没有让好东西在版面分布上占绝对优势呢？　　我看见许多个人主页的栏目(主菜单)并不是这样的。举个例子：有一个以提供动画素材为主题的站点，它的主栏目是：关于站长，本站导航，动画宝 库，本站论坛，本站留言本，联系站长。首页上写着本站网址和版权申明(居然还有将本站设为首页字样)。最主要的，最吸引人的动画素材在主栏目里占1/6， 在首页上一字没提。我想即使这个站点的确有大量的，精美的动画素材，也很难吸引浏览者继续挖掘。　　栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。一般的网站栏目安排要注意以下几方面：　　1.一定记住要紧扣你的主题！　　一般的做法是：将你的主题按一定的方法分类并将它们作为网站的主栏目。例如上面的例子，可以将栏目分为动物动画，标志动画，三维动画，卡通动画 等，在首页上标明最近更新的动画。记住：主题栏目个数在总栏目中要占绝对优势，这样的网站显的专业，主题突出，容易给人留下深刻印象。　　2.设一个最近更新或网站指南栏目　　如果你的首页没有安排版面放置最近更新内容信息，就有必要设立一个&最近更新&的栏目。这样做是为了照顾常来的访客，让你的主页更有人性化。　　如果你的主页内容庞大(超过15MB)，层次较多，而又没有站内的搜索引擎，建议您设置&本站指南&栏目。可以帮助初访者快速找到他们想要的内容。　　3.设定一个可以双向交流的栏目　　不需要很多，但一定要有。比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。有调查表明，提供双向交流的站点比简单的留一个"Email me"的站点更具有亲和力。　　4.设一个下载或常见问题回答栏目　　网络的特点是信息共享。如果你看到一个站点有大量的优秀的有价值的资料，你肯定希望能一次性下载，而不是一页一页浏览存盘。&将心比心&在你自 己的主页上设置一个资料下载栏目，会得到大家的喜欢。有些站点为了广告显示量，一篇文章还要分几页显示，我觉得迟早会因访问量下降而淘汰(个人意见:)。 另外，如果您的站点经常收到网友关于某方面的问题来信，你最好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多时间用以学习。　　至于其他的辅助内容，如关于本站，版权信息等可以不放在主栏目里，以免冲淡主题。总结以上几点，我们得出划分栏目需要注意的是：　　●尽可能删除与主题无关的栏目　　●尽可能将网站最有价值的内容列在栏目上　　●尽可能方便访问者的浏览和查询　　上面说的是栏目，我们再看看版块设置。版块比栏目的概念要大一些，每个版块都有自己的栏目。举个例子：网易的站点分新闻，体育，财经，娱乐，教 育等版块，每个版块下面有各有自己的主栏目。一般的个人站点内容少，只有主栏目(主菜单)就够了，不需要设置版块。如果你觉得的确有必要设置版块的，应该 注意1.各版块要有相对独立性。2.各版块要有相互关联。3.版块的内容要围绕站点主题。关于版块方面，主要是门户站点等较大ICP需要考虑的问题，阿捷 在此不再作展开讨论。&&
网站设计的思考-确定网站的栏目和版块
我们在动手制作网页前，一定要考虑好以下三方面：　　1.确定栏目和版块；　　2.确定网站的目录结构和链接结构　　3.确定网站的整体风格创意设计　　今天我们首先来讨论&确定网站的栏目和版块&。　　网站的题材确定后，相信你已经收集和组织了许多相关的资料内容。你一定认为这些都是最好的，肯定能吸引网友们来浏览网站。但是你有没有将最好的，最吸引人的内容放在最突出的位置呢？有没有让好东西在版面分布上占绝对优势呢？　　我看见许多个人主页的栏目(主菜单)并不是这样的。举个例子：有一个以提供动画素材为主题的站点，它的主栏目是：关于站长，本站导航，动画宝 库，本站论坛，本站留言本，联系站长。首页上写着本站网址和版权申明(居然还有将本站设为首页字样)。最主要的，最吸引人的动画素材在主栏目里占1/6， 在首页上一字没提。我想即使这个站点的确有大量的，精美的动画素材，也很难吸引浏览者继续挖掘。　　栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。一般的网站栏目安排要注意以下几方面：　　1.一定记住要紧扣你的主题！　　一般的做法是：将你的主题按一定的方法分类并将它们作为网站的主栏目。例如上面的例子，可以将栏目分为动物动画，标志动画，三维动画，卡通动画 等，在首页上标明最近更新的动画。记住：主题栏目个数在总栏目中要占绝对优势，这样的网站显的专业，主题突出，容易给人留下深刻印象。　　2.设一个最近更新或网站指南栏目　　如果你的首页没有安排版面放置最近更新内容信息，就有必要设立一个&最近更新&的栏目。这样做是为了照顾常来的访客，让你的主页更有人性化。　　如果你的主页内容庞大(超过15MB)，层次较多，而又没有站内的搜索引擎，建议您设置&本站指南&栏目。可以帮助初访者快速找到他们想要的内容。　　3.设定一个可以双向交流的栏目　　不需要很多，但一定要有。比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。有调查表明，提供双向交流的站点比简单的留一个"Email me"的站点更具有亲和力。　　4.设一个下载或常见问题回答栏目　　网络的特点是信息共享。如果你看到一个站点有大量的优秀的有价值的资料，你肯定希望能一次性下载，而不是一页一页浏览存盘。&将心比心&在你自 己的主页上设置一个资料下载栏目，会得到大家的喜欢。有些站点为了广告显示量，一篇文章还要分几页显示，我觉得迟早会因访问量下降而淘汰(个人意见:)。 另外，如果您的站点经常收到网友关于某方面的问题来信，你最好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多时间用以学习。　　至于其他的辅助内容，如关于本站，版权信息等可以不放在主栏目里，以免冲淡主题。总结以上几点，我们得出划分栏目需要注意的是：　　●尽可能删除与主题无关的栏目　　●尽可能将网站最有价值的内容列在栏目上　　●尽可能方便访问者的浏览和查询　　上面说的是栏目，我们再看看版块设置。版块比栏目的概念要大一些，每个版块都有自己的栏目。举个例子：网易的站点分新闻，体育，财经，娱乐，教 育等版块，每个版块下面有各有自己的主栏目。一般的个人站点内容少，只有主栏目(主菜单)就够了，不需要设置版块。如果你觉得的确有必要设置版块的，应该 注意1.各版块要有相对独立性。2.各版块要有相互关联。3.版块的内容要围绕站点主题。关于版块方面，主要是门户站点等较大ICP需要考虑的问题，阿捷 在此不再作展开讨论。&&
给起始阶段网站的5条超实用设计建议
网页设计中有导航条，链接，表单设计，字体行距，空白，表单聚焦，404错误页面等等元素。可以说每个页面都是由以上各种元素组成，因此对于研究网页用户体验来说，就是研究如何组合并设计这些东西。如何提高网站产品的可用性？优秀的产品可用性，一直是产品经理和用户体验设计师们追求的目标，今天我们来谈谈如何提高网站产品的可用性，给大家做做参考。不论是企业网站、个人博客，或者购物网站、游戏网站，我们都希望能吸引访问者并且给他们留下愉快的访问体验。可用性 是用户体验的一种度量，它可以用访问者完成网站功能的方便程度来描述--无论是通过自身知识还是通过学习新方式来完成这种功能。我认为Jakob Nielson的解释非常到位，他说：可用性是评估网站易用程度的一种属性。同时&可用性&这个词也指在设计过程中提高易用性的方法。在本文中我希望能够提供一个可用性清单，内容覆盖了从视觉设计，到可以用在任何项目中的简单导航提示等多个方面。1. 当前位置导航要让用户在任何时候都知道自己身处哪个模块，或者在浏览那个分类。对任何网站来说，这都可以极大提升可用性。在这一点上，创建当前位置导航可以算是最有效的提升可用性方式。当前位置导航的理想方式是在服务端创建，这样可以大量节省HTML和CSS代码。如果不方便在服务端创建导航，那么使用CSS操纵你的body元素从而直接定义每个导航标签也是一个不错的方法。另外，你可以方便的 使用JavaScript创建当前位置导航菜单 。要注意，你的当前位置导航最好和鼠标滑过样式保持不同，这是很多网站缩不注意的。&2. 可用的表单标签和按钮使用HTML的label属性，可以让用户通过点击注释标签来激活表单元素，这是HTML的一个伟大的内置功能，但不幸的是，很少有用户知道这回事。怎样让用户了解这个功能呢？你可以通过改变鼠标指针形状的方式来提醒用户，这只需要一两行代码就可以实现。&做成这样之后，用户就很容易的知道这标签是可以点的，我经常觉得HTML标准里没有把这些可以点的元素统一设置为小手指针是非常不应该的，所以我通常我会这样统一定义：label, button, input[type="submit"]{cursor:}3. 将你的LOGO链接到首页我认为logo不链接到你的网站首页是一件令人沮丧的事情，恰恰有很多网站没有这样做。用户研究表明，这样做是很有必要的，用户需要它！如今越来越多的网站意识到，给LOGO加链接的重要性。用户已不满足于一个标记为&主页&的文字链接，用户希望点一下logo就可以回到首页。&&4.表单元素焦点显示为处于激活状态的表单元素添加焦点显示，越来越成为UI设计的一种趋势。它让用户了解自己做了什么，在做什么。这是一种简单但有效的向用户传递有用细节信息的方式。&2. 减少颜色&颜 色的运用在建造让人记忆深刻的成功品牌方面至关重要，但很多设计师会遭遇网站初期颜色太多的困扰。在这方面，做得比较好的是可口可乐，星巴克，脸书，推特 等等，大众只要想到这几个品牌，就立马能够想到他们的代表色。设计师的目标是使用一到两个颜色，配合以中性色调和不同图形，设计出美观网页。&3. 只使用两种字体&对于网站来说，字体的交流沟通最重要的工具。经验不足的设计师最容易犯的错误就是使用太多不同字体，让网页看上去一团糟。在选择字体时，设计师最好使用不超过两种字体。&4. 提升可读性&网页设计中，95%都是字体。文字是用户阅读、了解、吸收信息的事物，需注意以下几点：&对比：确保文字比背景或其他部分颜色更深。&行距：行距控制在1.5到1.75之间，保证行与行之间的&呼吸&顺畅，格局清晰。&层次：将字体系统化分类，通过抢眼的标题、副标题和特殊符号等让用户轻松地浏览信息。&5. 移动端优先&根据相关统计，2014年，使用移动端的人数就超过了使用桌面工具的人数，响应式网站是全新标准。设计师要优先考虑移动端，包括在移动端上展示最重要的信息，确保用户能够在简单的界面下进行操作，注意要将动作按钮制作得尽可能明确显眼。&对于桌面版本的页面设计，要考虑强化整体体验，增加引人入胜的图片，增加留白空间和可信度。设计师们在充满创造力的要意识到，桌面版本的页面发挥空间更大。&
网站设计的思考-定位你的网站主题和名称
目前，网络上有关网页制作的各种教程已经相当多，可以方便地学习到最新的技术和技巧。可是，有关网页的设计,比如设计灵感的实现，风格的确定，发展策略，技术的筛选等的文章却比较少，许多网友往往有好的材料，却苦恼没有好的具有表现力的设计。受
　　网站设计，包含的内容非常多。大体分两个方面：
　　一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；
　　另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。
　　这两方面相辅相成，加之网络技术的飞速发展，要提出一个绝对正确和权威的设计思路是不可能的，要想在一篇文章中概括出来也很难，我们开始之前，首先明确几个前提：
　　一．网站设计与网站制作。我们说网站&设计&而不是网站&制作&，它们的区别在于设计是一个思考的过程，而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。
　　二．我们说的&网站&是指有确定主题和明确目的的实用性站点，不包括纯表现类或者纯文字类网站。
　　三．在文章中，可能举例说明或点评到某些具体站点。首先申明，阿捷不存在为任何站点作广告的&嫌疑&。
　　好了，废话少说，我们进入正题：
一：定位你的网站主题和名称
　　设计一个站点，首先遇到的问题就是定位网站主题。
　　所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪,琳琅满目。只要你想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材，对我们有一些参考价值。
　　第1类：网上求职　　第2类：网上聊天／即时信息/ ICQ　　第3类：网上社区／讨论 / 邮件列表　　第4类：计算机技术　　第5类：网页/ 网站开发　　第6类：娱乐网站　　第7类：旅行　　第8类：参考 /资讯　　第9类：家庭/教育　　第10类：生活/时尚
　　每个大类都可以继续细分，比如娱乐类再分为体育 /电影/ 音乐大类，音乐又可以按格式分为MP3，VQF，Ra，按表现形式分古典，现代，摇滚等。以上都只是最常见的题材，还有许多专业的，另类的，独特的题材可以选择，比如中医，热带鱼，天气预报等等，同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛（旅游+讨论），经典入球播放（足球+影视）按这样分下去，题材可以有成千上万个，你不会再为题材重复，难以选择而烦恼了吧:)
　　对于题材的选择，我的建议是：
　　1.主题要小而精。定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的&主题站&比&万全站&更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。再举个例子，我的一位网友KK希望制作文学方面的题材，但是文学也包括许多许多内容，有小说，诗歌，散文；有科幻，武侠，推理；阿捷仔细了解了他的擅长和想要提供的主要内容，最后将题材定位在网络文学上，删除了原有的一些无关的文学作品，集中扩大和整理网络文学作品。网站推出后，很快受到大家的喜爱。
　　2.题材最好是你自己擅长或者喜爱的内容。比如：您对擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。
　　3.题材不要太滥或者目标太高。&太滥&是指到处可见，人人都有的题材；比如软件下载，免费信息。&目标太高&是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。除非你下决心和有实力竞争并超过它，记住，在互联网上只有第一，人们往往只记得最好的网站，第二第三名的印象则会浅得多。
　　OK，如果你已经有一个绝妙的主意了，那我们开始为网站起名字。（哎呀，别踢我！）您可能认为起名字与网站设计无关，阿捷在这里浪费时间。其实网站名称也是网站设计的一部分，而且是很关键的一个要素。你来看，&电脑学习室&和&电脑之家&显然是后者简练；&迷笛乐园&和&MIDI乐园&显然是后者明晰；&儿童天地&和&中国幼儿园&显然是后者大气。我们都知道PIIICUP的中文名称&奔腾&，如果改为&奔跑&，可能就没有今天这么&火&了:)。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。一般的建议是：
　　1. 名称要正。这个&正&是阿捷自己的说法，其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。
　　2. 名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。例如：beyond studio和超越工作室，后者更亲切好记。另外，网站名称的字数应该控制在六个字（最好四个字）以内，比如&XX阁&&XX设计室&，四个字的可以用成语，如&一网打进&。字数少还有个好处，一般友情链接的小logo尺寸是88X31，而六个字的宽度是78左右，适合于其他站点的链接排版。
　　3. 名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。这里举几个阿捷认为很好的名称：音乐前卫，网页陶吧，天籁绝音。在体现出网站主题的同时，能点出特色之处。
　　总之，定位题材和名称是设计一个网站的第一步，也是很重要的一部分。如果能找到一个满意的名称，花一天时间翻字典也是值得的
网页的审美需求
&&& 第一屏是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多&大&呢?其实这是未知的。一般来讲，在800*600的屏幕显示模式下，在IE安装后默认的状态下，IE窗口内能看到的部分为778px*435px，一般来讲，我们以这个大小为标准就行了，毕竟在无法适合所有人的情况下，我们只能为大多数考虑了。那么多，无非是一个标准的问题，其实接下来不用我说大家也能想到，第一屏当然要放最主要的内容，关键要知道的是，我们要对第一屏能显示的面积要有个估计，而不要仅仅以自己的机器为准。其实网页制作的一个很麻烦的地方就是浏览者的机器是未知的。
　　有关导航栏的位置
　　导航栏能让我们在浏览时容易的到达不同的页面，是网页元素非常重要的部分，所以导航栏一定要清晰、醒目，一般来讲，导航栏要在&第一屏&能显示出来，但是有时第一屏可能会小于上面所说的435px，积于这点考虑，那种横向放置的导航栏要优于纵向的导航栏考虑，原因很简单：如果浏览者的第一屏很矮，横向的仍能全部看到，而纵向的就很难说了，因为窗口的宽度一般是不会受浏览器设置影响的，而纵向的则不确定性要大的多。
　　什么样的布局是最好的
　　这是初学者可能会问的问题。其实这要具体情况具体分析的：比如如果内容非常多，就要考虑用&国字型&或拐角型;而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活;而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选;Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，因此，只有不断的变化才会提高，才会不断丰富我们的网页。
行业网站设计心得
　很多设计师认为做好了企业网站就一定能够做好行业网站的设计，其实对设计来说行业网站和企业网站的设计截然不同，对整个网站的创意、风格、整体框架布局、文字编排、图片的合理利用，空间的合理安排上面等&有着许多诸多的要求，需要考虑的面更广，面对的问题也会更多。对于一名优秀的网站设计师来说不能绝不能放过任何一点小细节，本篇文章简述的是设计师在做行业网站时所需考虑的一些问题。&&一、网站风格/创意　　风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等&。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对你的网站留下一个&很专业&的印象。而企业网站设计师往往就缺乏这一点，没有全局意思。&　　创意，所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做行业网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、如何好看，我们只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想.二、网站LOGO　　Logo顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站logo的设计过程中一般有以下三种思路：1.直接以网站网址作为logo。2.根据网站提供的产品/服务特点展开logo设计。3.以传递网站运营商的经营理念为特色。三、视觉流程　　人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一个平面上，上松下稳而压抑。同样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为&最佳视域&，也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们的心理顺序和逻辑顺序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的准确与有效性。&四、网页框架与布局　网页布局大致可分为&国&字型、拐角型、&T&字型、&L&字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等&这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。&1． 分辨率网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是0*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。&2． 合理广告在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等&）让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。&浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等&&3．空间的合理利用　很多的网页都具有一个特点，用一个字来形容，那就是&塞&，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个&散&字来形容。　　并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。　&&五、网站配色1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。&2.用两种色彩。先选定一种色彩，然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面色彩丰富但不花稍。&3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩，而又不花，色调统一。这种配色方法在网站设计种最为常用。&4.灰色在网页设计中又称为&万能色&，其特点是可以和任何颜色搭配，在使用时把握量避免网页变灰。&在网页配色中，尽量控制在三种色彩以内，以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容、也使用户在浏览信息的时候不会觉得累。&
设计思考:设计师不应忽略的几点问题
& 设计无非有两类，当与现存作品关联，成为改良性设计；当与幻想、未来关联，即成为创造性设计。无论前者还是后者，设计总是离不开生活的积累，它是理性与感性的交融体。不能否认优秀的设计作品源于设计师具有&良好的心态＋优越的生活＋冷静的思考＋绝对的自信＋深厚的文化&。
　　促销员、推销员向客户兜售产品，而设计师兜售的则是他自己。自己的卖点&&灵感、智慧、思考，它是一种奇珍异宝，也是设计与设计之间相互区别的标准。离开良好的心态是件很悲惨的事，起码对设计师而言。这点让他终日难以平衡自己，难以体验生活，融入生活，难以提炼生活再至改善生活。生活已零乱不堪，怎会有好心情从事设计，灵感的火花绝不会在乱草堆里迸发。优越的生活可能说得有些绝对，但试想，在宽敞明亮的咖啡厅里，你一边感受着意大利拿铁咖啡的浓浓香味；一边在稿纸上信手涂鸦，时而停笔品一口咖啡，透过落地窗，慵懒地扫一下忙碌的人群；时而斜倚在松软的沙发里，没有人会打断你的思考，影响你，干扰你，灵感却会悄然地靠近你。再试想，你被挤在一间四五平米的办公室里，一屋的职员，一屋的资料，一屋的烟味加上一屋的吵闹，恐怕很难挤出新鲜灵感吧！在我看来，良好的心态与优越的生活就像一对孪生姊妹。我并非在宣扬小资情调，强调客观条件的制约性，否认平民化的生活一定没有优秀的设计作品。我想说的是&优越的生活对设计优秀作品的影响是不容小视的。&
　　其实，在单纯地利用设计元素方面，我们与世界一流设计大师是平等的。同样的点、线、面、体，同样的色彩，同样的设计法则，那为什么我们没有达到他们的高度呢？撇开&机遇&&文化&不谈，&冷静、独立的思考&是关键。都市生活无奈与纷繁，忙乱匹配。若是一个真正优秀的设计师，不会被一个&忙&字淹没，他会忙里偷闲，让心静下来，保持一方自己的天空，独立思考。偶尔自我封闭一回，做一做&井底之蛙&未尝不可。
　　现在的设计不值钱。印刷费包含了设计费，又不是商场搞促销&&买一送一！设计大不如从前受重视，为什么？设计没有贬值，是设计师已贬值。有太多太多不负责任的设计人员在滥竽充数。信手拈来一幅图片，排几个字体，便完成了设计，这简直是天大笑话。一幅图片加几行文字是拼贴，不是排版。不讲版式，不讲对比，不讲视觉流程&&只顾快枪快炮，赚钱重要。有没有创意并不重要，只要把作品搞得天花乱坠，以&出跳&的形式蒙人就行。稍加留意我们拿到的传单、ＤＭ、宣传手册&&相当数量是此&杰作&。设计自然也就不名一钱。有这种设计人员存在，对于设计是一种亵渎，对设计元素是一种浪费。当设计者急功近利、利欲熏心、私欲扩张时，设计本身已不纯粹，已经走样。
　　真正优秀的设计师往往会很&吝啬&，每动用一种元素，都会很小心谨慎。因为运用它们都是有理可考的，&浪费即是犯罪&&少就是多&，他们会这样告诫你。
　　设计中的&模仿&还可以理解，因为崇拜、向往是正常心理。受某某大师、某某风格的影响很深，作品中留有其痕迹，这并不等同于抄袭。抄袭等于掠夺，是无耻的行为，因为盗走了别人的奇珍异宝。既然我们拥有与世界一流设计师同等的设计元素，那为什么不利用它们来大胆地表达自己，推销自己。原创对于设计师而言何等重要，它能使设计作品具有生命力，不被同化，不重复雷同，不附庸风雅，具有独创性。设计师一定要自信，坚信自己的个人信仰、经验、眼光和品味，推崇个性化，不为个性而个性。当然，坚持必须要有理由，若纯粹为了哗众取宠，标新立异，那就大错特错了，设计师又不是一敲锣，便吸引众人的杂耍者。
　　　　当今的世界是一个交融、开放的世界。　　二十一世纪唯一不变的就是&变&。
　　既然如此，设计师的思想就不应是因循守旧、保守呆板的。一线设计大师最大的优势在于&&在第一时间内，与世界顶级设计师们享受同样的信息资源。各种媒体、杂志、互联网、论坛、讲座、展览&&每分每秒提供着迅即的信息。面对如此眼花缭乱的世界，设计师一定要分清优劣，辨别好坏。学校里有导师会指正你，点拨你什么是好，什么是坏。但人不可能一辈子都依赖别人，设计师尤其要有自己精辟、独到、敏锐的目光。不然的话，或是迷失自我，随时可能偏离正确轨道；或是被后起之秀替代，从此销声匿迹。那么这种精辟、独到、敏锐的目光是如何确立的呢？它正式基于深厚的文化功底与修养。文化与智慧的不断补给，能使此种目光更犀利，是成为设计界常青树的法宝。&&&& 我把信息、源文化统称为&现有素材&。设计师与这些&现有素材& 的关系相当微妙&&若即若离，泾渭分明。既要时刻注意其动态，关注它，学习它，又要在某种时刻彻底抛弃它，忘得一干二净，绝不藕断丝连。这种时刻，就是设计师在从事某项课题设计，完成某套方案时，这时需要抛开一切&现有素材&，正如前文所说的& 保持一方自己的天空，独立思考。偶尔把自己封闭起来，做一做&井底之蛙&&这时的翻阅、启发，只能牵绊灵感的产生。因为平时的关注在大脑里早已进行了分解、整合、重组，成为了一种潜意识，是奇珍异宝。一旦设计时，它们就会源源不断地被激发出来，厚积薄发，成为了属于设计师自己的宝贵财富。
　　设计说难不难，说易不易，可能这就是它的妙处所在&
设计完美极简风网站的六个步骤
&& & 在刚刚过去的几年里，涌现的许多网页设计趋势正在逐渐成为主流，引领我们走向未来。其中，极简主义网页设计正式其中之一。极简设计风格不会随着时间褪色，随着现代主义运动至今，它一直活跃于各个与设计相关的领域，而如今，它为何不能成为网页设计的趋势呢?　　除了看起来看起来比较漂亮之外，极简风格的设计还能提高用户体验。这些年来，用户一直在吐槽现在的网站导航繁复、网站布局冗杂。太多的内容挤压在同一个页面中，让整个用户体验直线下降。设计领域中，常常用&少即是多&来阐述极简风，截至目前，这句话还是对的，尤其是针对步入21世纪的网页设计而言。　　1、拥抱扁平化设计　　众所周知，扁平化的设计风格正在逐渐取代以苹果式拟物化设计(skeuomorphism)为代表的写实风格，而苹果本身也正在构建苹果自身的扁平化设计风格，使用大胆鲜亮的色彩来吸引用户的眼球。　　&　　另一个主动拥抱扁平化设计风尚的先行者就是微软了。微软的windows phone 和windows 8系列操作系统就是使用扁平化设计风格的典型，现在微软的官网也将扁平化的设计贯彻到底了。这也就意味着微软已经在全平台上高度一致地贯彻了扁平化设计。　　因此，在微软的网站上并不会感受到阴影和渐变，一切都在2D平面上。标题和正文的字体都没有纹理点缀，页面布局干净清爽，毫不杂乱。图标和按钮都使用的充满货的扁平化设计，连windows 8 开始界面中背景上的元素也都是扁平化的设计。　　2、留白　　不管你习惯称之为负空间还是留白，它都非常聪明地引导你关注网页的重要内容，同时它也是极简风格的典型特征。越来越多的网站开始使用这种设计，设计师们逐渐意识到这种设计是多么有用。　　最简单的案例就是大家常用的搜索引擎：谷歌和百度。它们是留白的典范，所有无关紧要的元素都被移除，搜索框吸引了用户全部的注意力&&它就是要你输入，然后回车、搜索。留白或者负空间的存在是极简主义最明显的特征，它们的存在并不意味着那些地方无内容，它们和它们所衬托的主体元素是相互依托的关系。　　3、有限的选择　　对于任何电商或者B2B的网站而言，网站设计的主要目的之一就是提高网站转化率，降低网站用户选择的难度。当你将不必要的选择从网站中移除之后，用户受到无效信息的干扰将降低，更容易达成目标，转化率自然会有所提高。因此，有限的选择也是极简风格网站的一大特征。　　& & 极简风格网站的登录页是展现&有限选择&魅力最合适的地方。Gengo就是这样一个案例，作为一家专业的字幕翻译公司，Gengo的登录页只有一个输入框和一个翻译按钮i，用户完全无需做选择&&他们只能输入内容，然后翻译转换(当然，是收费的)。当然，对于那些狂热的极简主义分子而言，Gengo可能还不够纯粹，因为顶上的导航栏依然具备干扰用户视觉的可能性。　　4、专注于排版　　如果你真的想深入了解极简设计的精髓，那么不妨看看Brian Danaher的网站。Brian是一名设计师、插画家以及艺术总监。正如你所看到的，它的网站主要倚赖于两大设计方法：加粗字体，和你永远无法错过的单栏式布局。就这么简单!虽然看起来有点简单粗暴，但是Brian的这种设计实现了两个至关重要的目标：　　&　　1、导航栏设计成单栏的形式，主要的信息清晰直观地展现在用户面前，Brian是谁，他是做什么的，他的作品有哪些，怎么联系他，都清晰地呈现在屏幕上。　　2、Brian成功地使用对比度(字体和背景的色彩对比，字体和字号尺寸的对比)给用户呈现出有趣的内容。　　5、简化导航栏　　当我们探讨极简风格网站的时候，常常会忽略导航栏菜单的设计。它可以做的非常大，来强化网站视觉，也可以融入网站背景，以一种静默而无干扰的姿态呈现出来。　　&　看看身为摄影师和设计师的Cristian Ordonez是怎样设计网站的吧。在他的网站上，导航栏并没有像其他网站一样一长条横跨网站顶部，导航栏的项目只是安静地置于右上角。由于不存在更多的下拉菜单，所以也没有更多的层。菜单的颜色也巧妙地融入到背景中。　　6、使用色彩补丁　　在网站设计中合理使用小色块可以让用户更容易注意到页面重要的部分。960 Grid System 网站就是实例。960栅格系统就是希望能简化网站的开发流程，所以965 Grid System网站本身就灵活地使用栅格系统系统，将不同的内容分块展示出来。黄色的&view demo&在深色底和白色文字为主的网站上非常明显又不会喧宾夺主，左上角的Twitter图标则直接链接到网站主设计师Nathan Smith的Twitter上。　　&　　了解极简风格你就能用好它　　跟一部分设计师提及极简风格设计的时候，他们会错误的认为使用这种风格设计的网页不够吸引力，然而事实上，极简风格下已经有了如此多的优秀设计。　　极简风格的网站不仅会更加简洁，更加井井有条，还可以与目前流行的趋势结合在一起，比如扁平化设计，比如Lowpoly，可以让网站更加出彩，带来更多的用户和收益。
网页设计中的色彩理论
&无可争议的是，色彩是任何设计领域中最重要的一方面。&　　设计师在决定了一个网站风格的同时，也决定了网站的情感，而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具，所有设计师在设计网页时就应该明白这一点。&　　一、颜色术语&　　你们当中很多人可能已经在学校学过一些色彩基础知识，让我们快速回顾一些术语，来更好的把握色彩和运用色彩。&　　色轮的主要组成&　　所有的色彩能在一个色轮中呈现。在这个色轮中，我们能把颜色分成3大块：原色，辅助色和第三颜色。&　　三原色分别是红色，蓝色和黄色。这些色彩是基础色，他们组成了色轮上的所有其他颜色。&　　把原色混合在一起，你就能得到辅助色，它们是橙色、绿色和紫色。&
　　二、颜色的关系&　　描述颜色有大量的术语，了解这些术语将有助于我们讨论的色彩和色彩的情感含义。&　　互补色是互补互调的色彩，它们坐落在色轮上对立的位置。这些互补色有蓝色和橙色、紫色和黄色、以及红色和绿色。&　　邻色是色轮上相毗邻的色彩，所以当邻色一起用时，可以是很好的搭配，但不会有明显的对比。&　　第三颜色是由中间色组成的，例如黄绿色和蓝绿色，即由一个原色和一个辅助色混合组成。
&　　三、基于情感的色彩群体&　　一些色彩群体是和情感联系在一起的，比如温暖、冷静和中立的情感。&　　暖色能让人感觉到温暖，例如红色、黄色和橙色。&　　冷色让人联想到凉爽和寒冷，例如蓝色，绿色和紫色。&& & & 中性色，顾名思义，并不创造怎样的情感。像灰色和棕色就是中性色。&　　了解色彩这些方面的知识可以用帮助一个设计师在设计网页时不用文字就能表达特定含义和特定情感，并彰显优势。&　　四、设计中颜色的类型
　　这里有两种不同的颜色系统，两者的运用取决于你设计什么。&　 RGB是这个色彩系统中三个基本色&红、绿、蓝&的英文缩写，这三种基本色是光的三原色。RGB运用在电视电脑屏幕和任何类型的屏幕上。&　　CMYK是&青色、洋红、黄色、黑色&的英文缩写，这些颜色是颜料的原色，CMYK被运用于印刷。&　　网页上的设计是建立在RGB色彩系统上的。&　　五、明智地选择色彩、传达意义
　　色彩理论是运用颜色背后的意义给用户带来感官体验的实践所得。这种实践经验再加上一些知识和想法可以运用到网页的设计中去。&&
制作一个网站需要多少钱
& && & & &这问题在工程师或设计师的眼里就如「一辆车子多少钱?一个房子多少钱?」，这个问题实在空泛到一个让人无法言语的境界，这也是我最常被问到的问题「做一个网站多少钱?」。说真的我大概能了解提问人的想法，或许只要说出个大概就是他们要的答案，例如说个多少X千和多少X万之间，或许我的职业病，我实在没有办法容忍这种不明确的答案。　　& &为何我回答不了这个问题的原因大概是，最起码，给我一个参考的范例嘛，例如你问「这一台这样的车子，二手的，T牌2005年产，你估多少?」虽然提供的信息不是很多但是起码还是可以计算的。就是大概会落在某个价格区间上，而影响最后价格的大概就是细节!没错，就是细节，或许大家对于网站的理解不是很深所以没有办法提供什么明确的信息，所以一般我都会把这类问题归类为「随便问问」，所以我都会「随便答答」。&　　其实真正的数字是多少我已经不在乎了，我只是想随便打发他一下，毕竟对于一点概念都没有日后也不知道怎么沟通，我彷佛变成一个商业大师而脑袋就出现一道光，隐隐约约有那么一句话:有案子来很好，但是拒绝一些案子会让妳日子过得更好!&　　马上就来了第二句我平生最害怕的一句话，这句话就如我老师说暑假要到学校上课，周末要继续加班一样，简简单单的一句话就吓的我手足无措，什么叫做上课!什么叫做加班!!还有，什么叫做「简单」。　　不到半秒钟的时间，发问者马上说，就简单的一个首页，然后可以看到我们的数据，可以浏览我们的产品，不需要购物车(用手语和脸部表情来强调，彷佛以为没有这个项目就会一切变得简单)，然后手机和平板看得到。好吧，这算是有提供一些信息了，但是这说不上简单，或许比较恰当的话，可以用「一般」。　　如果你不是工程师，不要说简单　　乍听之下，这也没有那里比较简单啊?算了，我想大概有参考的网站，当然这时候就会看到一些千奇百怪，这样说好像不恰当，应该是千变万化的网站范例出来，然后每个举例他们喜欢的「部分」，例如你喜欢「F牌的车头」还有「蓝牌的车身」，不过里面的座位部分我们喜欢有「T牌的感觉」，这很简单，就是这样而已。　　他真的要很简单的网站，简单的程度就是他根本不在乎设计是怎样，他们只想要秀出产品和联络方法，这种那么极端的事情我还真的遇到不少，当然我也不知道为何会这样，反正他们就是只愿意花个数百几千，而且对他们来说已经算是很「阔气」了，当然我并没有什么褒贬义，每个生意人对于每个成本的拿捏自有一套准则那是很合理的事，所以回归到我们的主题，做一个网站多少钱?把它换一个角度问就是为何我要花这个钱做这个网站?　　　　网站并没有带来直接的效益？为何要花钱？　　这显然是一个很大的课题，但是狭义来说，就如一家店的装潢，百万装潢，和几张IKEX家居构建而成的，都可以营业，客人都可以坐下用餐，没有问题。差别就是在你对你品牌的专业度和用心上，客人买的很多时候也是差异化。当你去google 「Why your business needs a website」出来几十亿则结果所以可以慢慢去理解看看大家怎么说。　　一个网站并没有带来效益?这不是一个是非题，就如一个实体店面，也未必会有任何效益，假设他没有间接或直接的商业活动，网站本身就如一个实体店面，想要直接获益就必须要经营，甚至就如一个广告，如旗舰店的概念，24小时都灯光通明的，老远的地方都看到一个水果挂在远方的玻璃建筑物上，网站也是一样，至2014年3月为止资策会的数据显示台湾平均每四个人就有三个会上网。而他们都上网做些什么?& & &这些就是潜在客户群，而一个专业，实用、好用的网站就是一个24小时的营销工具，那么你觉得你应该花多少钱时间和预算在这个地方，那就视每个公司的营运决策而定。　　& & & & 那你可以做什么？　　假设以后你想要请人制造网站，或许可以想象自己的需求是什么?　　一，这网站的功能(目的)是什么?　　二，你的预算是多少?　　三，你有喜欢的设计吗?举例一个就好。　　四，你需要更新数据的后台吗?你之后会不会增加功能?　　先想一下你目前为何要做这个网站，然后想一下可以花多少钱在这个地方，找一个你大概喜欢网站的样子，想一下之后网站做好后的事。大概就四步很简单!　　到了第二步，如果预算真的没有很多，我倒是很建议大家去开一个免费blog，或者FB来个粉丝专页，等之后真的觉得很需要一个官网再来弄也不迟。所以别老是问「做一个网站多少钱?」，好希望有一天客户和我说「我准备好XX来做这个网站了」，直接进入主题，那么岂不是很好沟通吗?&
运用网页设计中的方块元素
或许这对你而言有点哲学和理论化，我们来看看别人选择方块布局的原因。（顺便提一句，我所指的方块也包括矩形，有些案例也使用矩形。）使用这种元素有两大原因。首先也是最重要的，它有助于组织内容。其次，它也能打造特殊的样式。它们是展现内心渴望和需求的完美元素。
怎样用好它们？
我不觉得使用方块元素是什么难事。尤其是网页，自从诞生之初就开始使用方块形状来设计界面。但是你若想更有效地使用它，请遵循以下几个步骤。制定希望达成的目标
根据你所要达成的目标，页面和区块会有很大的不同。一旦你确定了，方块元素就能帮助你完成目标。你是用它来组织内容？还是想为页面增添一点乐趣？
使用方块来组织内容
既然了解了你所追求的目标&&尽管那几乎就是整合现有的信息&&你会接触到内容组织的。你得把内容编成目录。要如何在各个方块中组织信息&&某些方块内容会比其他的更多吗？这对组织内容很有帮助，你会来回摆弄，看看哪些有用哪些没用，发现哪些内容太多，哪些内容太少。我保证这不是什么高超技巧，实际上它不太需要凭直觉，大多时候都很简单&&坐下来去完成它就是了。
调整这些方块，或者干脆不动它！
既然组织内容的工作让你了解一组组信息看起来是什么样，你就要思考应该怎么处理这些方块。这是让你打磨内容块大小的一步，可能你希望它们都保持一致&&又或者你决定让它们错落杂乱排布。这还是得取决于你的具体目标。
有千万种设计方法，可以为你下个项目中的方块元素打造特殊风格。你可以将它们与其他元素自由组合，比如圆形，或者采用贯穿始终的矩形或正方形来营造网站的视觉焦点。最后两个例子中，你会再次见识如何将方块良好地应用于设计中，希望对你有所启发，并能在你下个项目中发挥作用。&
几个做交互设计的误区
传统的设计，主要走的是视觉路子，这块儿东西挖得很深;讲究传达，把设计师想表达的东西、情感、境界通过设计的内容传达给用户;而现代设计，除了表达这些元素之外，更讲究&用户体验&&沉浸式&&用户行为和操作&，这些元素都必须综合的加以考虑，才能得到用户的认可。　　简单来说，主要就是加入了&交互&概念。现在各种概念有很多，简单来说，就是这个设计好的东西，对用户操作，&有反应&，这种&反应&将赋予内容新的内涵，拥有生命。但做交互经常会遇到几个误区：　　误区一：&我觉得这样的交互有创意且顺手&。　　有些交互设计师往往会觉得现在已有的交互方式都太老土了，想方设法创造出一套自己的交互方式来，然后自己多用了几遍就觉得真的很顺手。殊不知破坏了很多经典的交互方式，用户操作起来非常地困惑。　　小建议：可以还是多看看苹果和谷歌发布的最基本的交互设计的法则，虚心想想他们为什么会规定这样做设计呢?如果不是这样，会带来什么问题啊?慢慢学会走了，那你跑啊，跳啊都没有问题，否则怎么都容易摔跟头。　　误区二：对着电脑屏幕：&这个按钮放在这里正合适&。　　有些设计师在设计手机页面的时候，从来不在手机上去检查页面上元素的位置和尺寸。所有设计都是在电脑上完成。看着觉得位置差不多了，就这样吧。直到最后放到手机上一看，按钮太小，行距太小，字体太小，什么都得重来。　　小建议：先在纸上画原型图，手机拍照存到手机中，然后用一个手机端的简单的工具，比如Prototype on Paper(POP)之类的将页面大小调到与手机屏幕一样。再进行点击操作(POP提供简单的交互操作)，看按钮的位置和大小没有太大的问题了，将原型图导入电脑中进行设计细化。在电脑上设计细化的过程中也应该不断地在手机上进行检查，是否适用于手机页面。　　误区三：&交互设计太难了，做得好一定要会代码才行&。　　确实做交互设计往往涉及到较为复杂的操作方式和展示行为，往往都需要前端程序员、Flash程序员、HTML5程序的支持，光凭设计师往往是不能单独完成的。　　小建议：市面上已经有很多工具，例如 Axure, Balsamiq，visio等，可以帮助设计师轻松地实现交互效果，做一些简单的静态的原型是足够了。如果设计师希望功能更加强大一些，可以尝试国产的VXPLO互动大师，一款免费的交互编辑软件，几乎所有复杂的交互都可以通过这个工具来快速实现。如果你实在是没有时间学习代码，或是对代码很感冒，直接用工具是个事半功倍的方法!　　误区四：&我天生逻辑差，应该不适合做交互设计吧&。　　交互设计有很多的逻辑在其中，天生逻辑感强的人一定是有优势的。　　小建议：天道酬勤这句话在什么行业内都适用。如果你每天都有很多时间在思考一些好的案例逻辑，泡在各种高手论坛里面交流，最重要的是，多实践!不需要界面做得多好看，哪怕只是在纸上画草图，但也要记录交互的每个步骤。初期也可以把一些好的交互案例模拟地画出来，仔细研究。最后，记得要把你的作品拿给小白用户使用，收集他们的交互反馈，甚至是面部表情，然后再慢慢改进。&
什么是好的网页设计
&(1）内容和功能决定表现形式和界面设计&常常有人凭借电话的几句交流或者qq上的几句聊天，甚至是一张句话的小纸条，就开始做一个网站设计。站长认为这都是敷衍了事的通用设计，很不专业不成熟的设计。做一个良好的网页设计，你需要了解客户的东西很多，比如&1、建站目的（是主推产品还是平品牌，是主要注重seo还是用户交互等） & &&2、网站类型 & &&&3、栏目规划及每个栏目的表现形式及功能要求 & & &&4、主色调、客户性别喜好、联系方式、旧版网址、偏好网址 & &&&5、根据行业和客户要求，哪些是着重表现 & & &&6、是否分期建设、考虑后期的兼容性、是否要开发其他语言版本 & &&&7、客户是否有强烈的建站欲望 & & &&8、你是否能在精神意识上控制住客户 & &&&9、面对你未接触的技术知识，你有底吗？ & &等等...&&& & 当把上述的内容都弄明白了的时候，你的大脑中就已经给这个网站有了全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。&
&(2）界面是弱化的，突出的是功能 & & && &一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。&&（3）模块化和可修改性强 & &&& & 模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，n个按钮就是n张图片。如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般即能清晰又保证美观的字体字号有几类： & & &宋体12px |宋体12px粗体|宋体14px |宋体14px粗体|黑体20px | verdana 9px | arial black 12px+ |&&（4）创意是可耻的，分析能力远比创意来的重要 & & && & &设计界动辄就大谈什么&创意&，需要指出的是，还没有搞清目的意义和内容，还没在技术制作上臻于完善的基础上，用创艺和特效来迷惑客户和访客是可耻的。一个网站设计者的分析能力远比创艺来的重要。&&
网页设计中的隐藏菜单示例
& & & 在网页设计中使用导航图标这一趋势正迫使我们再度审视导航菜单、它们在设计中的位置以及在用户体验中的角色。尽管这一理念并没有弱化其在导航方面的意义和重要性，但其能够给设计师和开发人员带来更多的创意空间。
　　根据项目的不同，导航图标彼此区别很大，但是其中大多数会偏向于使用流行、简单、贴合移动端的三行图标，这一类图标外观漂亮，而且在几乎任何环境下都比较带感。这个小图标能够用来隐藏小菜单，也能够隐藏复杂、内容量大的菜单。&　　如果再给打开过程配合上动态化的功能或细微但吸引人的效果，那么这种古朴的图形更能优化设计。另外，其不仅能够应用于各类导航(明确传达信息)，还能帮助解决响应性方面的问题，并促进与移动网站的结合。&　　下面是一些采用隐藏菜单配合导航图标的网站设计，都是鲜货。&Sampedro&　　标题栏的显眼图片和诙谐的slogan，这二者的组合能够绝对地吸引用户的注意。隐藏导航栏有效地以不突兀的方式将重心从导航栏转移到了复杂的背景上。&
　　&Chapoleone&　　Chapoleone采用了华丽的照片背景，流露出奢华精美的感觉。在这里如果用综合式的导航栏就会破坏整体的冲击力，因此左上角隐藏在小图形后方的滑出菜单绝对相得益彰。
Maecia&　　Maecia通过其诱人的动态效果和精美的背景将好奇的人带入了其作品。为了不让网上的访客迷乱，其主页采用了鼠标单击打开的隐藏导航栏。
Brand Junkie&　　漂亮的圆形复古风格logo非常抢注意力，让人第一眼就难以忘记。导航图标与整体环境完美贴合，甚至第一眼都找不到，要过几秒钟才能慢慢映入眼帘。&
Demodern& &Demodern采用了独到的导航图标，与视频背景形成鲜明对比。另外，其可爱的几何图形让菜单与主页设计巧妙结合，给用户带来了优秀的阅读感。
&结束语&　　导航图标能够补充并提升不同网站的设计。不管是要让用户关注作品的作品集，还是文案为主导的普通公司网站，其都在其中占有一席之地。&
网站界面设计:网页的均衡规划与选择
1.尺寸　　a)800*600能照顾到所有网友的电脑，但相当是张&小报&。　　b)渐成主流。能比800*600多出一栏的信息。　　c)正文页采用自适应设计，能在正文页做更多相关内容。首页也可以尝试自适应的设计。自适应设计的核心是要留出宽度伸缩自如的栏。　　d)在1024*76模式下，页面的长度不易超过10屏。　　e)随着电脑升级换代，分辨率提高，电脑屏幕能够提供的面积越来越大，这是一种难得的资源，要充分利用。&小报&改&大报&要增加一倍的纸张成本，网站改&宽版&，不增加任何成本。　　2.字体字号　　a)目录页用小字号，为的是放更多的标题。　　b)正文页用大字号。为的是让读者读得舒坦。　　c)慎用不容易看清楚的楷体。楷体的作用等于图片，主要起美化版面的作用。　　d)多用对搜索引擎友好的标粗，来表示重点。　　3.颜色　　a)同一个页面的颜色不要超过4种。眼花缭乱，容易产生视觉疲劳。　　b)颜色对比不要反差太大。网页版面不是美术作品，要避免形式对内容的喧宾夺主。　　c)文字+底色能够起到很好的突出作用，在视觉变化上相当于图片的作用。　　4.静态化　　a)访问量大的页都应该静态化，以便减少服务器压力，增强网站稳定性。访问不到的网页是最差的网页。　　b)动态化和静态化在一个页面中结合使用，能同时得到轻负荷和即时交互性的好处。　　c)哪些页面的哪些地方需要静态化要在一开始就考虑，访问量大了之后，再高考虑，就迟了，由动态化转为静态化，会有很多历史问题。　　5.分栏　　a)首页选4栏？还是3栏？　　b)正文页多用2栏。　　c)&纵向逻辑&是指将相近的内容从上至下排列，而不是从左向右排列。如果读者对这方面内容感兴趣，他会从上至下，逐行阅读。这样可充分力利用首屏，让首页增多从上至下阅读的可能。　　d)避免一栏太强，一栏太弱。通过图片、套红等手段进行调控。平均使用读者主意力。使读者不敢放过左中右任何一栏。　　6.图片　　a)一图胜千言。十分必要时才用。因为图片的编辑成本和带宽成本都比较文字高很多。　　b)在目录页的图，小点，再小点，多用特写；小分辨率，能看就行。在正文页的图，保证清晰，美观。正文页有的是版面。　　c)正文页在5屏之内，尽量不要分页。让读者一次读完。　　7.导航条与网站地图　　a)导航条是网站的门牌号码，不能随意更改。否则，读者会迷路，找不到他原来看的内容。　　b)导航条上的分类名的前后次序要兼顾重点和读者阅读逻辑，即归类摆放。　　c)导航条最多三行。最好二行。太多行显重。　　d)导航的更多，就是网站地图。网站地图的摘要版可以放在网站底部，成为底部导航。网站的底部导航，很有必要。其好处是：一、可放多行；二、可形成网站底部的阅读重点。将读者从首屏带到最后一屏，期间会增加很多点击。　　e)主导航和频道导航：主导航每页都有，频道导航只在本频道页面出现。　　8.首页更新成本　　a)首页设计不能只考虑美观、协调，要考虑24小时更新一遍之要求。更新是网站的生命，一定要最大限度地降低首页更新成本。　　b)交叉自动同步更新的设计，可有效降低各种首页更新成本，给读者内容丰富即时的感觉。　　c)更新即时的首页是网站的资源，因为是资源，更多的标题会拥上这个首页。如此，正循环，这个首页也就火了。更新不即时的首页是网站的鸡肋，会越来越寂寞，最终会被荒废。　　d)每个首页的设计成至少要有一个读者点击进去的理由。即时更新比独家内容成本低。
报名电话：郑老师 联系电话： &QQ:
报名地址：杭州市中山北路607号现代城建大厦10楼1006室（地铁西湖文化广场站出来就到）
网页大图片应用技巧浅析
用图像创造场景感，增强用户的真实体验，近些年来，图片作为背景填充整个屏幕的设计越来越广泛，曾经只有时尚潮流网站或者摄影类站点才会特别依赖富有冲击力的图像，但是现在几乎任何类型的网站都有可能采用这种大图片作为背景，特别是企业品牌宣传、产品介绍等等。
网页大图片应用技巧浅析&在设计网页过程中，需要用到大量的图片，而且找到的图片大多风格迥异、无品牌感，那么如何找到合适而又能正确地应用图片呢？&如何正确应用图片&整理了一些经验总结供大家参考：&1 .提炼关键词寻找图片&首先需要提炼产品特性关键词，通过关键词的形式寻找合适的图片。&
上图是google云盘官网banner背景为一张在飞机向外看的图片，不难发现用这种比拟手法来表现云盘的口号&随时随地使用&，在任何时候、任何地点都可以使用文件。换位思考，假如我们来设计google云盘官网，首先提炼出关键词：随时随地、自动同步、超大空间等等，用最能突出特点和有代表性的关键词来寻找合适的图片。&&
上图是IBM旗下的MobileFirst产品，其主要为用户移动应用从创建到维护推出的一体化解决方案为广大用户提供更便利服务，那么根据项目提炼出关键词：手机、用户，该网站用了一张人拿着手机进行使用的图片，目的是为了突出项目的业务特点。&
上图分别为苹果官网、研究无线电技术企业&&高通的网站中运用的图片同样也是通过产品特点提炼的关键词来完成图片的选用。&2. 图片品牌化&什么是图片品牌化？通过关键词寻找到的图片进行深度加工处理，使之在项目中运用到的图片都是一整套的、风格统一的，比如可以在图片的色调、色彩饱和度与特色风格上做调整等等，下面举几个案例。&
Google Drive官网摘取出来的图片，这些图片不难发现无论在色调、色彩饱和度上是一致的，特点是低饱和度、颜色深沉和图片噪点，颜色上新颖有特色、风格上具有明显的品牌统一性。&
&美国高通网站的品牌宣传图片让人印象深刻，品牌特点独树一炽，颜色上运用冷暖搭配，加以渐变效果巧妙地叠加于图片上，虽然颜色种类不多，但能在风格、品牌上具有强烈的统一性，让人对品牌辨识度有更加深刻的记忆性。&&&总结&大图片作为背景的设计风格，这种设计方式虽然非常强有力地抓住用户的注意力，能准确应用图片而达到更大的体验效果是非常重要的，如果去掌握，了解项目背景，利用关键词的方式寻找更合适的图片，此外还需关注用户对产品的印象程度，那么图片的品牌化就显得格外重要，把产品所用的图片设计为一整套统一的风格出来的效果是不可估量的。&报名电话：郑老师 联系电话： &QQ:报名地址：杭州市中山北路607号现代城建大厦10楼1006室（地铁西湖文化广场站出来就到）
浅析专题中的构图之美
& & &一个成功的专题页面，大部分会具有以下几个出彩的要素：色彩、构图、风格创意，细节等。一个页面从无到有，设计师需要对整个页面有全盘的设计和把控，良好的画面分割能够让用户第一眼看到这个页面就能被视觉吸引，甚至不用浏览具体内容就能了解这个页面的很多信息。同样的素材，同样的配色，不同的构图能够让页面出来的效果有天壤之别。如果你还抱着一个专题就是一个出色的头图，下面的内容按部就班的填进去，那你就OUT了。现在的专题设计越来越具有整体画面感，看上去不像网站，更像是精美的杂志或者是精彩的平面设计作品。&好的页面构图能够让你页面更出彩，也能让你做设计更事半功倍。下面，我们就来看看一些好的专题都是怎么构图的。&1. 几何切割& & 在现实生活与自然界中，我们随处可见几何图形的存在，简单的三角形、正方形、长方形和圆形甚至几根线条就可以组成很多有趣的图形，也很符合现代审美需求，适当的画面切割能够给页面带来动感与节奏感。加入几根线条，几个块面就能令页面起到意想不到的效果。实现的时候需要注意的是素材不适合太过复杂和花哨，一般会是纯色大块搭配渐变，主要突出形状和区块。A. 简单切割&& &用一个形状或者素材切分整个页面，画面瞬时变得有趣生动起来，内容区域也能得到有效划分。这类构图方式对内容没有过多要求，可随意安排。具体排版可根据内容来处理，也是现在专题页面用得最多，最普遍的一种构图方式。&B. 对称切割&& &这种构图方式的前提一般是内容分主要两部分，并且这两部分是对立关系的情况下，比如说：对战，男女，冷热等等。页面一分为二，内容划分明确也更加具有视觉冲击力。&C. 组合切割&& & 集中而规律的排列，从整体上抓住人们的视觉。这种构图方式适合那种每个区块中的内容属于平级关系的专题，例如示例中的几个功能点和分类，都是属于同一级的内容，所占的比例也相同，用这种组合的排列能够保持各内容的关系，也能让布局更有创意。&D. 多重切割&& & 不规则的构图，稳定而锐利，干净的排版，易于识别，不规则的构图方式，避免了画面生硬，不易产生审美疲劳。不同的形状和排列，呈现出来的视觉效果也不一样。这种构图方式使用最多的一般是为了体现时尚感，科技感，与锋利感觉的专题，例如时装，家电，以及游戏战斗类的专题等等。&2. 主体轮廓& & 活动的专题年年做，没有新意，想更与众不同？那就这样处理吧，根据专题的主要内容，从整体上构建一个边界或外形线，形成一个大的轮廓，将专题内容巧妙的填充进去。这种处理方式能够让用户一眼就能了解到一些信息，符合专题主题，并且能够让页面更有设计感，生动且活泼。需要提醒的是设计的时候将形状尽量轮廓化，加以强调突出，主体不需要太具象，舍弃一些繁琐的、次要的元素，以免影响用户阅读内容。从个人经验来说，小编一般会在拿到需求的时候先进行脑暴发散联想，提取出一些有用的信息，再从中挑选出适合元素去寻找一些图片，通过图片素材来激发创意。&& & 这类构图方式一般针对那种主体内容很明确以及具象，能够用物品或轮廓直接代表，比如:端午可以用龙舟、粽子；中秋可以用月饼、玉兔；会员可以用皇冠，钻石等等等等，可根据具体的内容来进行尝试。&3. 放射及透视& & 通过整体放射状加透视构图，使画面呈现立体与空间感，视觉焦点明确，画面冲击力强，富有动感。需要注意的是放射状的排版不太适合文字阅读，要注意文字排版。建议在文字数量较少的情况下选择此种构图。一般游戏激战类的专题会较多的使用这种构图，突出动感。&&4. 整体场景& & 专题内容不多，要突出趣味性，又怕用户无聊，那就设计成一副美妙的插画吧！让用户迅速置身在搭建的场景中，带动情绪，参与互动，直观获取有用信息。这种处理方式会使页面信息表现的更加准确顺畅，快速有效的把目标用户带入到页面氛围当中。不过需要注意的是场景搭建对素材的要求比较高，明暗，阴影，透视以及层次感，体积都需要用心处理。这类专题大多都会搭配动画一起实现，在带入感上更进一层。在设计的时候，对专题内容头脑里要有画面感，先搭建大的画面关系，再往里头添细节和内容，切记场景不要抢了内容的视觉焦点，在适当的时候做些减法。&5. 流程图& & 如果你拿到的专题是渐进以及流向又或者是展示各节点的内容，用别的形式总感觉不够具象，那何不干脆做成一个个性化的流程图？俗话说，千言万语不如一张图，专题运用这种构图方式能够将步骤，关系，各个节点以及整体流向展示清楚，配合图片展示，一个枯燥的流程瞬间变得个性十足，用户浏览简单又明了，并且充满了趣味性。&& & 在网页设计越来越注重个性、趣味性以及视觉冲击力的今天，专题页面的构图也已经千变万化，以上只是列举出了其中较常见的一部分，不同的主题，不同的内容，构图排版的出发点也不尽相同，上面列举出来的方法也可以搭配使用，在拿到需求的时候，先不着急下手，构思的时候可以大胆尝试，考虑内容和风格，先确定构图，再往里面添加内容，充分考虑到内容的排版，尽量做到让一个专题有大创意的同时又具有小细节，实现整体形式感的完美和谐的统一。另外最后提醒一下：所谓构图就是将表现主题的各个构成要素按照主次关系放置在画面相应的区域，形成视觉感受，达到设计意图。所有的构图方式追根究底都是为内容服务，构图必须要服从主题表现的要求，设计师在设计的时候要注意在追求创意构图的同时也别影响到用户阅读内容。&报名电话：郑老师 联系电话： &QQ:报名地址：杭州市中山北路607号现代城建大厦10楼1006室（地铁西湖文化广场站出来就到）&
站长在关注