摘要：本课题为“微美小站”网站UI设计。课题以美学为主题，并以此为基础设计一套符合美学标准的网站UI界面。首先，通过对市面上大多数网站的界面进行分析发现大多数中文类的网站观赏性较差，分析的方面主要包括：整体版式设计，板块布局，色彩搭配以及文字的的排版等方面，兼顾这几个点则显得尤为重要，所以在设计之时考虑到东西方美学的差异性使得整个页面的风格基调难以确定。其次，根据东方美学的色彩基调确定了网站的主色调，而文字排版方面则较为接近欧美风格的西方美学，成功将东西方美学差异性在页面的显示中减小。最后，通过修改设计方案及更改设计思路后发现，其实将美学理念深刻地融入到作品当中并不容易，整个网站中的每一个UI元素都不是独立存在的，牵一发而动全身，每一个页面单独拿出来既是一个整体，合并在一起之后又是一套体系。另外，作为网站本身它应该自带一种“节奏感”，来引导浏览者接收其中的信息并享受接受信息的过程，这就要求UI元素与美学理论的默契配合，由此也可知——UI其实就是“视觉”与“体验”的结合体。61990

毕业论文关键词： 美学；UI；视觉；交互体验；网站

"Delicate Beauty Station" Web UI Design 

Abstract: This topic for the station in the "micro" web UI design. Subject to aesthetics as the theme, and on this basis, design a set of aesthetic standard web UI interface. First of all, through to the most of the website interface on market analysis found that most Chinese class is poorer, the appreciation of the site analysis aspect mainly includes: the overall format design, plate layout, colour collocation and text typesetting, etc, these a few points of give attention to two or morethings is particularly important, so in design when considering the tone of the differences between eastern and western aesthetics makes the style of the whole page is difficult to determine. Secondly, according to the Oriental aesthetics of colour fundamental key to determine the mass-tone attune of the site, the typography has relatively close to the European and American style of western aesthetics, success will decrease in differences between eastern and western aesthetic display of the page. Finally, by modifying the design scheme and design ideas change, and found that in fact the aesthetic concept deeply into the works is not easy, the entire site for each of the UI elements are not independent existence, inescapably, take out each page separately as a whole, is a set of system after merge together. In addition, as the site itself, it should bring a "rhythm", to guide visitors to receive the information and enjoy the process of receiving information, which requires the UI elements cooperate with the tacit understanding of the aesthetic theory, which is also known, the UI is actually a combination of "vision" and "experience".

Keywords: Aesthetic; UI; Visual; Interaction experience; Web

目录

摘要 i

Abstract i

目录 iii

1 绪论 1

1.1 课题介绍 1

1.1.1 课题研究的目的与意义 1

1.1.2 课题的内容、重点、难点 2

1.2 课题调研情况 3