探究网站设计的风格色彩与美化

〔摘要〕从现状看，网站设计特有的领域渐渐被注重，变成新颖产业。网络架构之中含有多样的这类网站，但网站凸显出来的色调及风格却带有偏大的差异，设计某一新颖网站，吸引更多用户，应能调配最适宜的色调，同时美化网站。设定最佳风格、有序调配色彩，是应被注重的侧重点。

〔关键词〕网站设计风格色彩美化

网站设计中应考量拟定的根本主旨、网站名称及色调、宏观栏目布置，与此同时，细节范畴中的编排文字、筛选多样插图都应被注重。设定导航架构、确认站内首屏，都应凸显交互的特性及亲和特性，考量分辨率，慎重取舍画面。从总体视角看，网站设计细分的层级含有筛选元素、延展的设计，在这之中，延展网站设计指代的是美化界面，采纳整体风格，以便延展独有的创意概念，显示出完备的整体，设计出个性凸显的新颖网站。

一、总体设计思路

最近几年，网络快速被拓展，应用更为广泛，这种态势下，网络独有的价值渐渐被凸显出来，网站设计被归类为独有的设计艺术，怎么来设计最适宜的新颖网站，是正被探析的侧重点。网页艺术这一新颖话题融汇了网络的拓展进程，它建构在用户体悟之上，含有经验要素，制作出来的多样网页，正在不断更新。初始着手设计应能考量多层级的要素要点，例如初始的宏观定位、后续的调试、网站宣传，这类流程紧密衔接在一起，为此，有必要辨识新颖的设计路径，妥善调配色调，美化各类网站。

二、采纳新颖风格

（一）辨识总体定位。所有网站凸显的主旨都带有差异，内涵及筛选出来的形式应能彼此契合，增添宣传实效。对于网站风格，应能确认宏观架构下的总体走向，例如：娱乐类别网站、企业专用网站、带有经济特性的网站、含有生活情趣这样的网站，彼此都带有风格差异。对于多样行业，都应凸显多重的风格特性。风格应当独特新颖，站点布局特有的总体架构、网站架构中的色彩、设计必备技术，都应让人体悟出这一网站的特性，在最短时段中，用户即可辨识网站的内涵，让人觉得进到了某一特别网站，愿意停留预览且仔细予以品味。

（二）拟定架构布局。总体网站布置，应能便利平日内的常见浏览，凸显鲜明主旨，慎重拟定这一布局，予以精密规划，这就缩减了查验信息耗费的总时段。从常规来看，总体网站架构含有多重的方向，例如上下布置、居中予以布置，除此以外，其他新颖框架也渐渐被采纳。不同类别群体，适宜不同架构内的网站。总体网站布置很近似初始的书籍排版。

（三）涵盖多样内涵。网站独有的新颖内涵也被归类为多样内涵这一范畴中，按照网站主旨来拟定多层级的内涵，若缺失根本的内涵，即便网站被布设得再美丽，也很难聚集用户。为此，有序拟定最佳的、多层级的丰富内涵，是添加独有风格的最佳路径，依托网站外表即可辨识概要的网页特性，辨别情绪及个性。网站可被设定得很文雅，或者带有活泼色彩，或洋溢着热情。

（四）调和各类色调。网站色调差异，在浏览之时会首先被体悟到。视觉色调特有的多样差异密切关联着主观体会，网站配色时，应筛选最适宜的内涵以便调配色彩，选出来的色调折射着主体的心情，烘托网页主旨。着手来设计时，先要拟定初始的总规划，这种总体规划，便利了接续的细化设计，规避网页混乱。例如：若把黑色设定成根本的底色，则会带来偏暗的总体体会，很难激发热情，在带有趣味这样的网页以内，并不适宜黑色，而应添加明亮的匹配色调。

三、美化现有的网站

网页设计特有的步骤之中，应增添更高层级的网站美感。设计流程融汇了细化的网页内涵，初始设计不可忽略最大范畴的受众接纳，制备好的网页应当明晰而简练，注重总体成效，唯有这样，浏览之时才会觉得很便利，提升宏观形象。

网页审美状态折射着美学架构内的延展效应，它带有美学特性。网页传统美感应被融汇在现代特性的新颖气息内，增添审美需要。布设好的优美页面，密切关联着设计者的水准及素养。网页设计这样的主体，应能不断累积这一范畴的珍贵经验，便利常规设计。辨识设计规律，把握住不断更替着的网站要素，常用网站设计，都应显示明晰的条理特性，页面匀称均衡。

网页富于变化，它们应被归类为某一类别。网站承载着平日的多样信息，调和这类界面，应能妥善布设搜集得来的多层级信息，采纳统一步骤，这就凸显了最优的整体感悟，让页面被设定得很生动，不会觉得单调。后续构图时，善于采纳带有反复特性的纹理及图形，在变更之中寻找出一致思路；在不断进展之中，求得平衡协调。主旨画面要带有不断变更的画面及内涵，增添生动体会，调和各类对象，做到彼此一致，设计细节之中不可忽略这一平衡状态，增添活泼形态。

四、巧妙调配色调

搭配网站色彩，是应被侧重的设计事项。拥有精准定位，但若没能慎重调和最适宜的站内色调，也会缩减设计成效。浏览者浏览时，首先接触色调，调配成的多样色调会余留很长时段的浏览印象；在浏览时间内，色调关联着浏览者潜藏的情绪体悟。调配色彩时，应注重如下事项：

（一）各类色调内涵。三原色含有红黄蓝，经过调和匹配会得来多样的色调混合。色调紧密关联着内在情绪，运用这一侧重点，在平日设计之中即可带来新颖的网站感受，留下深刻印记。对于设计者，应能明了多样浏览群体特有的平日生活方式，感悟深层需求。

例如：筛选了蓝色调，那么调和出来的网站就带有睿智及宁静这样的特性，让人能够沉静；筛选了红色调，则网站凸显了热闹吉祥、喜庆及温暖这样的底色，让人感到暖意；筛选灰色这样的网页，常会散发着很平实的、甚至很忧郁的总氛围，适宜静心浏览；紫色涵盖了静谧及神奇，也含有稀少之意。

（二）增添艺术特质。色调搭配之中，应凸显艺术特质。调配好的色调彼此契合，色泽十分鲜明，才能增添长时段的浏览兴趣。网站并不适宜添加单一色调，给人很枯燥及单调这样的总印象；但与此同时，也不可融汇着一切色调，缺失彼此协调，这类混杂设计带有轻浮的弊病，常会过于花哨。

网站要配有单一的或双重的主导色调，让人明确方向。这类一致色调也并不乏味，它考量了潜藏着的用户心态，设定凸显主旨，通常情形下，单一页面不适宜添加四类以上的混杂色调，因为采纳偏多的色调就忽视了根本的方向，埋没了侧重点，确认网站主旨，再去考量附带着的衬托色彩，主色调及关联着的配色应能彼此吻合，体现真实成效。此外，色彩特有的纯度、色相及明度，都应同时考量。各类网站着色都带有偏大的差异，合理调配色调，显示独有个性，才可增添印象。

五、优化设计细节

（一）采纳新颖的CSS。CSS特有的细节调配，适合布设多样的站点，这类新颖步骤管控着页面架构、页面色彩边界、总体页面背景、余留的空白等。对于网站元素，它能变更原有的字体形态，采纳了动态特性的新颖连接，创建兼容网页。CSS独有的优势为：不用手动去变更现有的存留文件，只要变更这一页面衔接着的CSS，即可凸显不同层级的页面成效，这类网站要素融汇了图片背景、文字色彩尺寸、边框及底色。总体布置板面应余留足量的图片空间，以便存留栏目图片，有序调配图片及关联的文字，若添加了偏多的图形则会耗费总流量，缩减阅览速率，优化网站时，采纳灵活特性的这类CSS来布设很细密的、很精致的新颖网站，整合系统资源。

（二）适当添加表单。制备表格以便美化初始的布局，是新颖的美化思路，具体而言，筛选任一站点，都可添加最适宜的表格。采纳表格予以布设网站，针对所有对象，同时规避了彼此干扰。对比图片文本，表格彰显独有的各类优势，然而它潜藏着的弊病为：若添加了偏多数目的表单，会缩减初始的下载速率。真实操作之中，筛选某一首页把它存留成HTML这一类别。采纳编辑工具以便开启它，辨识表格形态。

（三）添加清晰字体。标准字体被布设在各类网站，它默认为宋体。为凸显网页特性，还可筛选其他范畴的多样字体，应注重的是，若采纳了默认范畴以外的其他字体，则只能拟定某一图片格式，这是因为，浏览者采纳的微机之中若没能添加独特的这类字体，则会显示乱码。现今社会中，浏览者很难预留偏多的时段来预览。对于此，在最短时段之中就应获取搭配着的足量信息，应当凝练信息，采纳简练语言予以表达，尽量排除带有广告特性的词句。

伴随网络普及，网络渗透着平日内的生活细节，借助网络互通并且交流，展开平日活动，初始浏览时，就会面对拟定好的多样网页，布设好的网页带有最佳的新颖特性，布局精美适宜。未来设计之中，还应不断摸索最佳的调和色调，采纳多样风格来增添网站独有的美感体会。（责任编辑晓芳）

参考文献：

[1]贺冬梅.浅谈网站设计的风格色彩与美化[J].中国科技信息，2013（06）：138-139.

[2]杨晓雪.网站设计风格与色彩浅议[J].电子制作，2013（12）：65.

[3]周秦.基于高校网站主页设计的分析[J].电子制作，2013（14）：251.

[4]代文玲.从美学角度谈图书馆网页的设计[J].图书馆工作与研究，2011（07）：41-42.

[5]宇虹儒.基于CDIO模式在《企业网站制作与美化》中的研究与应用[J].价值工程，2014（23）：236-237.

[6]隋涌.提升用户体验的网站图形设计方法探析[J].北京印刷学院学报，2012（01）：72-75.

[7]许波勇.网站策划在网站设计中的应用分析[J].电脑开发与应用，2012（07）：59-61.

注：本文系“2014年江苏省高等学校大学生实践创新训练项目，项目编号scx1427。”