摘要：目前城市网络的高速发展以及网络全球化的普及，各式各样的网站也层出不穷，因此引发了——网站寻找困难的难题。本次毕业设计的作品：GRAPHIC网站是一个关于平面设计类网站的搜集网站，为刚刚接触平面设计的人群提供各种国内外优秀的网站，减少不必要的搜查以及询问他人的时间和烦恼，同时对于长时间接触平面设计的人群也可以从中找到自己新的灵感来源，解决原有网站更新慢而导致的各种问题。GRAPHIC以成为分享平面设计类网站的搜集网站的领头羊为目标。本次毕业设计主要以解决平面设计类网站寻找困难的问题重点研究，同时在界面设计的模块化的应用上加入了更多的想法和创意，通过色彩鲜明、操作方便的界面，解决平面设计类网站寻找困难的同时增加用户体验。

关键词：网站寻找困难;界面设计;网站;

Modular application and visual presentation of web interface design

Abstract: With the rapid development of the city's network and the globalization of the network, various types of websites have emerged one after another. This has led to the difficulty of finding websites. The rise of domestic e-commerce and the development of the Internet provide more space for the modular application of web interface design. The iteration of network technology has also promoted the persification of websites, but the update speed of websites has also become a major concern. This is especially critical in the design profession. The work of this graduation project: GRAPHIC website is a collection website for graphic design websites. It provides a variety of domestic and foreign excellent websites for people who have just come into contact with graphic design, reducing unnecessary searches and asking others about time and troubles. For people who have been exposed to graphic design for a long time, they can find new sources of inspiration and solve the problems caused by the slow update of the original website. GRAPHIC aims to become a leader in the collection site for sharing graphic design websites. The current graduation project mainly focuses on solving difficult problems in graphic design websites. At the same time, more ideas and ideas have been added to the modular application of interface design. Through the bright and easy-to-use interface, graphic design classes are solved. The website looks for difficulties while increasing the user experience.

Key Words: Website search difficulties; interface design; website  

目录

一、关于网站模块化设计的应用3

（一）网站模块化的概念4

（二）网站模块化的背景4

二、网页界面设计的模块化5

（一）关于网页界面设计的模块化5

（二）关于网页界面设计的模块化分析6

1、TOPYS的网页界面设计模块化分析6

三、GGRAPHIC网站的界面模块化设计8

（一）GGRAPHIC网站的界面模块化设计灵感来源8

（二）GGRAPHIC网站的视觉设计风格8

1、图标设计风格8

2、色彩表现10

3、 界面表现形式10

（三）GGRAPHIC网站动态交互演示11

（四）GGRAPHIC网站应用效果展示12

结语16

参考文献17

一、关于网站模块化的应用

（一）网站模块化的概念

网页模块化设计是指功能性的分析模块在功能相同或功能不同的特定范围内的分离、开发和总结，并划分出一个模块的组合系列。可以通过选择和组合模块来创建不同的系统。

所谓模块化设计，就是将网页内容的某些元素组合在一起，形成具有特定功能的子系统，使该子系统成为多功能模块和多种其他Web内容元素，模块化设计是绿色设计方法之一。它已经从概念转变到更成熟的设计方法。将绿色设计思想与模块化设计方法相结合，可以同时满足网站的功能属性和环境属性。一方面，可以缩短网站的开发和制作周期，增加网页系列，提高页面质量，并迅速响应市场变化。另一方面，可以方便重新利用、网页升级、后台更新登。（二）网站模块化的背景及现状