视觉传达设计+家装类网页的版式设计研究.pdf

《视觉传达设计+家装类网页的版式设计研究.pdf》由会员分享，可在线阅读，更多相关《视觉传达设计+家装类网页的版式设计研究.pdf（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 I 引 言 以满足市场需求和市场发展前景为出发点,，互联网为用户提供越来越多的服务和可能性，更自由化，简洁的视觉引导设计，人们对质量与审美的追求与时俱进，这也推动了网页设计的发展，使其具有巨大的市场潜力和研究意义。好的网页设计可能会为其产品和品牌的发展带来机遇。计算机软件创造的各种新设计以其前所未有的高效率和全新的视觉性能，也为设计师提供了更好的创作空间和表现形式。此外，当今信息技术的发展使信息更加方便、简洁和可接受。因此，我选择了任意品牌网页设计的主题。现在国家经济的快速提升，使得网络科技技术也得以飞快的发展，城市生活化，楼盘的增长，和审美品位的追求都给家装行业带来了优势的发展前景。当人们

2、习惯用网络解决生活问题，并在 80 年后成为主要买家时，技术网络家庭的巨大市场也随之出现。许多企业都在网络家居领域做出了巨大的努力，包括家居、家具、建材等子行业。网页设计是一个企业的面孔。客户将首先查看设计，然后查看网站的内容。设计不好，很难抓住客户的欲望，继续看下去。通过网络技术，企业可以宣传自己的文化理念、概况、产品、服务质量和新闻。为企业产品的推广奠定了坚实的基础，从而不断提升产品的品牌形象。在电子商务模式下，企业的商机得到了有效的拓展。专业公司可以为您提供在线计划，并将信息传输到需求组。1 一、网页设计版式的概念与特点 以网络科学技术的进步与发展,依照艺术设计中的设计范畴，达到设计的目

3、的和功能的实现，另外,科学技术调强与艺术相辅相成的道里，能创造出各种演出技术视觉创意性交流。它也是网络艺术中视觉艺术的主要表现方式，是设计艺术的重要组成成分。它之中就包括有三种与媒体相关的数码技术设计。Web 页面设计根据设计师的想法和意图，根据艺术设计的组件、原理、布局，形成了世界性的视觉设计效率，到最后的结果上实现了有效传送信息的视觉设计。为了能够有效传递可预测性文件，可使用web 网站上的文字、图像、动画、音频、视频等要素，可带来美感和精神上的碰撞。网页设计是设计师的理性思考和感情表现的一个产物。决定网站网页设计的艺术风格，个性特征，视觉构成，以及影响网站间导航的方向，为了吸引更多访问者

4、的注意，就要加以强化网页内容的表现。网页格式设计在网页整体设计中起着重要的作用。无论是在图片和文字上给人简单快速的传达信息，更是给与整个企业的一个视觉形象，就如同一个人通过的外观给人的一种内心体验。2 二、版式设计在网页设计中的重要作用(一）家装类网页现状分析 1.家装类网页的市场分析 网络家装产业的生产原因最主要是网络为家装行业的做出极大贡献，通过网络技术为信息传播平台，整合线上线下各方资源，缩短了产业链，使得消费者能够获得专业的现场测量服务，标准化的设计方案，直接购买的厂家装饰材料，有保证了施工队的施工质量，更好的服务体验。2.家装类网页的需求分析 装修的主要材料和家庭的软饰层的代理销售,

5、产业的复杂的冗余性,再加上装修公司、设计师、施工队伍在装修的过程中常常偷取材料,回扣或随意吃,追加或消费项目转包或现象，造成了传统家装市场普遍效率低下、用户满意度较差。环保成为头等大事其总不达标，橱柜测量安装的不专业，水电隐蔽工程隐患大，缺乏装修的专业知识。与同类型的家装网页相比，我们的服务与产品定位明确，主题和风格突出主打责任装修，品质家居，厂家直销不存在中间商，健康环保。此外，我们的家居装修市场具有较强的本地服务性，目前，随着网络技术的家居装修制造商发展相对较重的模式，第三方监理、样板房等本地服务也越来越多，如网上支付的翻新金、翻新贷款等 网络技术家装为第一用户提供设计信息、设计图库、论坛

6、等信息服务，逐步提供设计相估，为建材房屋与住宅装修商家、第三方监理与施工、装修金在线支付与装修贷款等金融服务提供一站式服务。（二）家装类网页版式设计的特征 列表页的常见表现方式分别突出了行列、瀑布流、特别项目。因为这三种形式各有特点，所以在设计过程中，设计师会选择适合自己决定风格的设计。商品种类繁多，繁多，规则整顿的行列方式使用户更容易找到阅读规则；瀑布流的形式在更多流行时尚领域的电商交易中使用；特别金的显眼的方法可以为一些节日活动的宣传做准备。蜗牛装修主要是内部装饰设计服务，界面简单明了，设计感也充分展现出来，可以直接和设计师一对一的实时交流，让您的生活更加充实。关于设计者的信息比较全面。利

7、用瀑布式栅格使得业主可以一目了然。包括线上设计费用、同城设计费用、用户按不同维度的打分和点评记录、作品集等。装修设计效果实景拍摄，质量很高，且支持局部查看。3 土巴兔装修的 UI 识别性强，功能清晰没有太深的层面，互动引导好模块化设计。修清单列表详细记录装修中的花费，提升了产品的体验。格式设计与传统媒体的格式设计略有不同。格式设计的内容和形式，符合简洁简单，设计和艺术，趣味和独创性，部分和总体几大原则。版面设计为了设计具有丰富形式规则和艺术美感的网络作品，一般采用黄金分割和三角形排列原则。黄金比例分割法对初学者来说很容易处理。它将窗口的可用区域分为两部分。还可以根据设计比例要求，将数字输入相关

8、计算网站，得到相应的黄金比例分布方案。三方排版方法是将排版界面分为三部分，根据内容的不同，选择不同的三方排版位置。由于显示窗口的显示级别不同，我们的总体布局设计将采用固定格式或非固定格式。固定格式布局是一种固定的界面布局，但固定格式布局的设计并没有改变。这种变化的格式很难掌握。更改窗口将更改已建立的字体形式和图形排列位置。这个话题也是我们今后深入讨论的方向。在web设计过程中，使用Photoshop(Photoshop)和 Illustrator(Illustrator)图形处理软件设计正态边界面的放置。首先，根据思维模板绘制基本模板，然后添加根据设计需要设计的文字、图形、视频、声音等设计元素

9、。4 三、家装类网页的基本要素（一）版式架构设计 为设计正式规则和艺术美学的完整网页作品，布局设计通常采用三分钟的黄金比例和规则。黄金比例法是初学者可以简单控制的方法。这可以将窗口的可用区域划分为两个部分。您还可以根据您的黄金比例设计要求，在相关的计算网站上输入数字，以便获得适当的黄金比例分布方案。三个方向的组成和排版是将构成界面分割为三个部分，根据不同的内容选择不同的三个方向的配置位置。由于显示器窗口的显示水平都会有所不同，他的整个布局设计必须是固定的或非固定的。硬性网格布局是固定接口布局，而软性网格格式的布局设计变更、活力、该布局更难掌握，更改的窗口将会改变设置的字体形式和图像排列位置。（

10、二）字体、图像、色彩设计 排版设计是视觉版面设计的框架，字体设计是视觉版面设计的血和肉，是媒体发展技术的全面贯彻到底。网站作为综合信息载体，取得了很大的发展。格式和字体的组合是不同的 web 规格。网站上常用的字体有中文字体和英文字体和美术体。但是通常，本文选择12pt 和14pt 字体作为字体大小。在一些中文网站网页上，字体一般情况下是以粗体或粗体显示，大小为 12pt/14pt。另外，也会有一些较大的字体显示为图像。根据视觉效果的调整，自动选择适当阅读的字体，制作出三维空间中的视觉显示效果。图形艺术字体已在许多网站上使用。在设计上，我们的主题保留了传统文化。中国元素的使用，如书法、图腾、建

11、筑等具有中国色彩的艺术形式，应予以考虑和重视。中西文化的比较与融合也是我们应该探索的方向。图形和色彩应与排版主题相适应，首选公司品牌LOGO 的颜色，可提高网站与公司VI 关联，增加可辨别识性和记忆性，最好适应设计氛围，服务于整体布局。正文字的颜色应选用易读性的深灰色，建议选用#33-#666 之间的颜色，要尽量的用偶数。辅助类，注释类，注释类字颜色，应选用中级灰色，建议选用#999-#ccc 之间的颜色。（三）图标设计 图标是网站网页设计中的重中之重，相当于一个人的称呼，也代表着一个企业的文化背景，核心功能的凝聚力，是一个品牌的形象。既能辅助文字信息的传达，也能作为信息载体被高效地识别，并且

12、图标也有一定的装饰作用，可以提高界面设计的美观度。蜗牛装修的LOGO 就是利用正负形的原理，颜色采用绿白色，包含的理念为蜗牛不能光看外表，但有自己的原则。知道懒惰的慢的特性，但是我站在前 5 面，从来不肯放弃。即使知道困难，也不放弃前进，这就是蜗牛精神。蜗牛装饰网连续高增长，成为房地产室内装饰行业的网站领导人。得到网民、室内专业公司、房地产商的高度认可。6 四、唯舒雅家装类网页版面设计的主要内容（一）唯舒雅家装网页界面版式应用 本人对线上家居家装的网站网页个大类型设计做了对比分析，进行分析唯舒雅家居家装的企业背景，将之定位自己需要设计的主题风格，要给用户传达的一 图 1 唯舒雅家装网站网页界面

13、 种绿色健康，品质保障，服务、审美、实用且负责任的品牌理念进行定义。最后为了能够体现出我们唯舒雅家居家装公司的设计师团队的多种选择和实力设计，以及强大的装修技术。本人选择了固定式的硬栅格架构，界面清晰明了，突出内容主题，与用户互动性高，视觉风格的新颖，有创意，能让用户留下深刻印象，最终能达到用户的浏览量，增强企业的大力宣传。（二）唯舒雅家装网页界面色彩应用 为增加唯舒雅家居家装网站网页的艺术感染力、视觉冲击力，针对大众环保健康的消费心里，所以需要设计师具有良好的审美文化的水平，因此本人吧主题的色彩主题定义为绿色，其设置为#577734。其想传达着自然生态，环保健康，质量保证，富有生机，可以使人

14、想到新生、青春、简约，纯洁，空间，神圣，能给人无线的可能。对线上的各大类型转那个修网站的优势与劣势进行整合，在保持本企业文化理念的同时吸取他们的优势，又将其劣势进行调整转变，加以进行视觉设计，提高用户的视觉体验。7 图 2 “唯舒雅家居家装网站网页”色系（三）唯舒雅家装网页LOGO 设计 WSY 英译中文名字-唯舒雅，是崛起与中国本土的家装品牌，唯舒雅家装以现代的元素，时尚潮流的艺术风格，像有想法的，追求精神品质的消费者传递国际化的服务平台，并分享由此带来的幸福生活。绿白的 LOGO 寓意：象征着自然生态，环保健康，质量保证，富有生机，可以使人想到新生、青春、简约，纯洁，空间，神圣，也是公平、

15、安静、智能、谦逊的象征，未知与无线的可能。形状：方块及英文 WSY，来源于房屋架构，客厅形状，及百变的人脑设计，寓意着唯舒雅家装行业让每一个中国人都享受品质生活。白色切块：象征着一面旗帜，寓意着唯舒雅家居领先的行业地位和引领中国家装行业发展的责任和使命。唯舒雅家居的 LOGO 字形横平竖直，代表着，唯舒雅家居的爱与责任，对品质，技术，细节的严格把握与负责任。唯舒雅家居，中国家装行业的领军品牌，唯舒雅家居尊重生活，是高品质、高审美、高标准的家装品牌 8 图3 “唯舒雅家装网站网页”LOGO 设计（四）唯舒雅家装移动端设计 家居装修APP 更适合现代人年轻人的口味，是针对生活审美品味有追求年轻人为

16、其提供更方便的的服务，让装修变得更简单。网络技术的更新了人们的生活方式，让家居装修APP 为了让年轻人的装修特别时尚。家庭装修APP 软件的开发使用户不再担心房屋的设计和装饰性能。开发家庭装修应用程序需要通讯录功能、照片集功能、视频和功能、店面查询功能。装修行业手机APP 软件研发可以结合用户的房屋大小、预算以及需求和生活爱好，给用户提供个性化的装修建议和通过新颖的展示方式让企业的宣传成果更好。本人的APP 色彩风格的定义利用情感化设计，抓住用户群体的体验痛点和情感色彩进行分析，自然生态，环保健康，质量保证和强有力的设计团队与扎实的装修技术。依照网页定义的视觉元素进行简单分析，再参考优秀的家居

17、家装类的 APP功能架构，与自己定义的主题分析整体的功能架构，LOGO 依然采用网站网页使用的，下面图片是本人对唯舒雅家居家装APP 设计界面。图4 “唯舒雅家居家装”APP 设计 9 五、家装类网页的版式设计发展趋势 技术的更新将使网页的版面设计不断增加新的设计元素。表格的格式代码很长，这也会增加页面的下载时间。对左右列的网页结构，表格的格式是没有表格格式的两倍以上，从而也加大了工作量。其次，内容结构容易被表混淆，完整内容被表分解，阅读的性能下降，不利于搜索引擎分析。此外，修改更麻烦，要修改布局，几乎所有的代码都必须修改，这不利于网站的更新。基于这些原因，未来不使用表格布局可能是一种趋势。例

18、如，许多布局可以通过使用CSS 来实现。尽管目前还不能完全达到表格布局的水平，但在详细分析网页布局设计后，可以尽量避免使用冗余表格。新浏览器的出现将使网页的设计更加简洁。更注重色彩搭配，可以说色彩处理好，不仅能表达更好的视觉效果，而且能达到事半功倍的效果。所以说，技术进步对改善网页布局起着重要作用。但是，使用更多的 flash活动页面，导致页面容量急剧增加，会影响网页传输的速度，甚至被浏览器“拦截”。现在，国内很多网站经常使用大的flash 横幅，但往往集中在如何表达flash 动画的酷炫感上，这往往使观众过于关注flash 而忽视页面的其他内容。注意页面级别和布局细节。页面层次感是使页面变得

19、“厚实”、“有吸引力”的法宝，在未来的网页设计中将受到更多的关注。1 0 结束语 一个优秀的网页设计必定离不开精心的板式排版，一个好的版式离不开模块化的分析和信息的层级表现，他更要符合人的视觉习惯，要保证有效的传达信息，更要突出主题，还要保持视觉引导的节奏和整体的流畅感。网页的排版形式设计能够增强网页的可读性，并可以发挥有趣的交互作用。网页设计中的组件就是虚线面的组合。他能构成多种视觉形状，形成变化无常的视觉空间。页面格式设计中的颜色处理使页面更加生动，处理得好可以成为页面的两大部分，从而提供更好的用户体验。色彩的应用原则应该是整页的协调性，是局部性的，在小范围内可以用比较强烈的颜色对比，面积不能太大。最后，网页的版式设计形成了网页的整体视觉形象，对风格的体现也很重要。对版式的设计我们应该加以中式。