网页前端设计毕业论文（含设计附图）

摘 要：网页界面作为网站信息传达的载体，网页给人最直观的感受就是它的页面框架与构造，网页设计中的构图也足以影响到整个网站给人的感受。就网页其构图而言，其视觉表现力具有影响受众审美情感的作用。本文重点讲述了 “轻奢生活网”网页设计中构图技巧的运用。网站定位为时尚信息服务平台，专为热爱时尚、热爱生活的人提供前沿的设计理念与产品，内容分为设计、名品、乐活、家居四大类。运用Photoshop工具制作网站首页及栏目页及栏目子页面。结合构图技巧在网页设计界面中的运用情况，阐述几何图形运用、素材点缀、斜线修饰等构图技巧适应网页界面设计发展的新特点。 关键词：网页界面；构图设计；时尚平台；Photoshop

学院毕业论文(设计)

目 录

引言 ................................................................. 1 1 市场调研 ........................................................... 1

1.1

时尚信息服务平台现状 ...................................... 1

1.2 构图设计在网页设计中的现状 ................................... 2 2 文献检索 ........................................................... 3

2.1构图在网页设计中的表现形式 ................................... 3 2.2 构图在网页设计中的规律 ....................................... 3 3 设计实践 .......................................................... 5

3.1 创作初衷 ..................................................... 5 3.2 创作过程 ..................................................... 5 3.4 创作总结 .................................................... 20 4 设计自评 ......................................................... 21

4.1理念与市场 .................................................. 21 4.2 创作与社会效益 .............................................. 22 致谢 ................................................................ 22 参考文献 ............................................................ 22 附录1 设计作品图片 ................................................. 23 附录2 设计作品光盘 ................................................. 29

1 第 页

学院毕业论文(设计)

引言

“轻奢生活”，不仅代表一种精品生活方式，更代表着大家正在享受的高质量生活细节，而且绝非是遥不可及的。在奢侈品消费观念方面，轻奢早已超越了“珠光宝气”的阶段，而趋于一种理性、健康的消费方式，购买奢侈品不是崇拜，而是能切实反映自我的心境、品位和信念。轻奢生活网”的定位不是“淘便宜”，瞄准的是那些因为欣赏商品的设计感而愿意多掏钱的中高端消费者。轻奢生活网的页面是时尚设计信息的载体，所以页面设计则是浏览者对信息的视觉生理、心理反应的关键。本文从视觉基础理论入手，以构图设计对视觉的影响的运用为主线，分析了网页的板式、文字、色彩、图像等元素的在网页界面中的表达方式。在网页设计上起到事半功倍的效果。从审美的角度阐释了构图设计对网页整体视觉效果的影响。

1 市场调研

1.1 时尚信息服务平台现状

同时各种折扣和导购信息网站也跟着出现，对各种产品信息进行汇聚和评比，给买家和卖家建立一个公共服务的平台。目前国外的新一代导购网站模式正在日益成熟，那就是社会购物，它是基于社交网络Social Networking的衍生品，这类网站从2005年以后出现，借助Web 2.0的各项技术日益形成以借助Crowd的力量进行产品的汇聚、评比、推荐和分享，如何汇聚每个人的力量来进行购物成为了电子商务前段的新亮点。

国内外的设计师有很多出色的设计品，但他们并不擅于商业经营，导致设计品无法被更多的人发现。还有一部分消费者，他们热爱生活热爱时尚，有一定的购买能力，也愿意买高附加值的设计商品，但却不知道在哪里可以买到这些商品。

我也经过了大量的调查、查阅了很多书籍报刊资料。我参考了“美丽说”、“蘑菇街”、“返利网”等导购网站的营运模式和主要客户群，以及他们网站发展一些劣势阻力。蘑菇街的成功，告诉我们，任何事情都需要创新，只有创新才能够受

第 1页

学院毕业论文(设计)

到大众的喜爱。当然，蘑菇街的成功不是偶然，这是迎合了目前大家越来越喜欢社交网站的趋势，认清消费者心理，当然这跟蘑菇街团队运营是密不可分的，没有好的运营团队也是不可能成功的。蘑菇街以分享社交为前提，吸引一大批女性的喜爱。这是社交与购物的一个非常好的结合。不仅增加了用户体验度，也给消费者提供了展示自己和分享自己喜爱物品的平台。从淘宝客，到返利网，再到现在的购物分享网站，我们很明显的可以看出，现在的用户似乎对用户体验度的要求是越来越高，因此我们在运营一个网站的时候，我们必须把用户体验度放在第一位，要相当重视，只有把用户体验度弄上去了，网站才能做得很好，用户才会更喜欢。所以研究构图设计对网页的影响是很有必要的。另外还有“花瓣网”、“淘宝网”中的家居展示页面、以及“瑞丽”、“YOKA”等时尚类网站。在了解市场动态的同时也发现针对时尚设计在生活方面的网站比较少，因此“轻奢生活”网这个生活类的设计师商品社会化导购网站是可行的。 1.2 构图设计在网页设计中的现状 1.2.1网页设计的发展

作为新型平面设计的网页页面设计，数字化界面运用了和物化界面相同的视觉构成元素。新的大众媒介——数字化的传播手段网络，为我们承载以前诸多媒体综合起来都难以承载的信息量，它以时效性、交互性、更新及时、不受时间、地域的限制、信息反馈及时、准确的特点，带领我们进入信息化的时代，也为我们带来了全新的视觉阅读体验。根据构图设计的不同表现，网页视觉表现为网络信息表现与信息的传递中的重要部分。

我国目前的设计走向问题，已成为设计师们研究的焦点，无论是平面设计、建筑设计或者网页设计都同样会遇到这样的问题。网页设计上出现了欧美、日、韩三大风格的并立，而我国的设计却处于一种模仿的状态，多表现为形式的跟风，少有实质性的研究。网页设计发展的近些年里，网页的视觉表现已经从当初文字编排的单一样式，发展到多种视觉元素的综合运用，而新媒介下的网页设计更是成为了视觉传达的新门类。由此，网页设计中构图设计就成为了一个非常值得研究的课题。

1.2.2构图方法在网页中的运用

构图是造型艺术术语，指作品中艺术形象的结构配置方法。它是造型艺术表

第 2页

学院毕业论文(设计)

达作品思想内容并获得艺术感染力的重要手段。而我们网页制作方面，则可以把它理解为根据网站题材和建设网站的主题思想，把要表现的形象适当地组织起来，画面中的元素如何布局、如何搭配，构成一个协调的完整的页面。

研究构图的目的是研究在一个平面上处理好三维空间——高、宽、深之间的关系，以突出主题，增强艺术的感染力。构图处理是否得当，是否新颖，是否简洁，对于网页设计的成败关系很大。 成功的构图能使页面内容顺理成章，主次分明，主题突出，赏心悦目。反之，就会影响页面的效果，没有章法，缺乏层次。

2 文献检索

网页设计作为一种视觉语言，除了需要photoshop软件扎实的技术支持，还需讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。在设计前我阅读了很多文献来帮助我更好的制作网页。 2.1构图在网页设计中的表现形式

当人们浏览网页时，第一眼看到的就是网页的构图。因此，构图是否美观、和谐直接影响到视觉效果。构图不仅要注意到形式，还要考虑到实用性，是否便于人们阅读和观看。

方形的分割是网页设计中常用的方法。矩形的分割给人的感觉是稳定、平和，适于一般性的商业网站。在矩形的构图中，一定要注意应用黄金分割线的比例、构图基本结构的形成规律。一定要有疏密的节奏，要意识到主次关系，上面往往比下面的更受人关注，左边的往往比右边的更受关注，这是人们的基本视觉规律。

螺旋曲线是最有韵律和生命力的线条，适用于艺术、音乐以及内容充满动感和活力的网站。

2.2 构图在网页设计中的规律

1、网页界面设计中，运用构图设计的均齐与平衡规律。均齐式的构图往往比较庄重，而真正的页面上左右同形同量的配置是不多的。平衡的构图较均齐生动

第 3页

搜索“diyifanwen.net”或“第一范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，第一范文网，提供最新初中教育网页前端设计毕业论文（含设计附图） 全文阅读和word下载服务。