网站网页设计论文提纲

论文题目：扁平化在社交网站界面设计中的应用研究

摘要：扁平化设计既是一种设计风格,也是一种整合信息的方法,在网页界面上应用扁平化设计不仅能优化界面的视觉效果,也能帮助界面更加清晰的传达信息,提高用户的浏览体验。扁平化设计强调的是信息本身,而不是繁复多余的界面元素。浏览者在浏览网页时,主要是获取信息,界面元素的主要功能是提示浏览者迅速找到他们所需要的信息。扁平化的网页设计正是遵从这一需求,去除冗杂的页面装饰和不必要的页面设计效果,集中传达界面首要信息,文字、色彩、图形等界面元素作为辅助功能帮助信息传达,提高浏览者在查找信息时的工作效率,从而提升用户体验。扁平化在社交网站界面设计应用研究的过程中,怎样创建信息层级是研究工作的核心内容。扁平化思想是一种让设计者在界面设计过程中减少信息层级的思想,创建信息层级要考虑两方面的内容,一是网站内容的归纳,二是视觉效果的归纳,因此提出了两种信息层级创建方法:视觉创建法和内容创建法。二者有效地解决了扁平化设计在网站界面中应用的核心问题。在实际案例的运用中,网页界面实现扁平化时怎样处理与网页广告的关系是研究内容的重点。扁平化设计的网页界面在结构上更加简洁,呈现给用户的视觉效果以干净、理性为主要特点。因此,要求网页界面的广告要在广告语言上更加简洁、理性,但又不失趣味感。文章通过对现有优秀案例的分析,结合扁平化网站界面的设计理念以及用户在使用网页时的需求,提出了三种对界面广告处理的方法,使界面广告既达到了吸引视觉、传播信息的目的,也做到了界面内容整体风格协调一致的网站设计要求。本文通过对扁平化基本设计元素的分析,如文字、图形、色彩等,配合适合社交网站界面的空间布局、导航栏设置以及按钮的设计,并探讨扁平化设计在网页设计中的核心问题——创建信息层级,通过在扁平化网页设计中应用图形抽象法、图片去底法、情感色彩导向法、色彩层级搭配法以及特定字体的应用等方法,研究更适合社交网站扁平化发展的法则,旨在给用户创建一个既满足美学需求又满足浏览需求的良好用户体验的网站界面。

关键词：扁平化设计;社交网站;网页;界面设计;信息层级

学科专业：设计学

摘要

ABSTRACT

1 绪论

1.1 选题的目的和意义

1.1.1 选题的目的

1.1.2 研究意义

1.2 国内外研究动态和水平

1.2.1 国外研究动态

1.2.2 国内主要研究动态

1.3 研究内容

1.4 研究方法

2 扁平化设计的概念

2.1 扁平化设计

2.1.1 扁平化设计的基本定义

2.1.2 扁平化设计的起源

2.1.3 扁平化设计的发展现状

2.2 扁平化设计的核心——信息层级

2.2.1 信息层级的概念

2.2.2 创建信息层级的方法

2.3 扁平化设计的优点

2.3.1 极简主义的优点

2.3.2 信息层级的优点

2.4 小结

3 社交网站界面设计

3.1 社交网站的概念

3.2 社交网站界面设计的原则

3.2.1 易用性原则

3.2.2 层级清晰的原则

3.2.3 用户熟悉感原则

3.2.4 网站设计风格统一的原则

3.2.5 个性化原则

3.3 社交网站界面设计的主要内容

3.3.1 信息量化

3.3.2 导航栏

3.3.3 文字

3.3.4 色彩搭配

3.4 小结

4 扁平化设计在社交网站界面中的运用法则

4.1 简约性法则

4.1.1 图形抽象法

4.1.2 图片去底法

4.2 色彩搭配法则

4.2.1 情感色彩导向法

4.2.2 色彩层级搭配法

4.3 文字应用法则

4.3.1 字体应用特点

4.3.2 字号应用特点

4.4 页面按钮的布局

4.4.1 按钮设计的意义

4.4.2 按钮的隐藏功能

4.5 页面图版率

4.5.1 图版率的概念

4.5.2 图版率的优化方法

4.6 小结

5 扁平化在社交网站界面设计中的应用效果分析

5.1 扁平化在界面设计四大元素中的应用效果

5.1.1 文字

5.1.2 色彩

5.1.3 按钮

5.1.4 图版率

5.2 扁平化在页面广告中的应用效果

5.2.1 扁平化页面广告的展现形式

5.2.2 扁平化页面广告的应用效果——以豆瓣网为例

5.2.3 静态类广告的推广应用法则

5.3 扁平化的设计理念在用户体验中的效果分析

5.3.1 应用用户熟悉的UI元素

5.3.2 益于视障用户浏览的界面设计效果

5.4 小结

6 总结与展望

6.1 研究总结

6.1.1 研究意义的总结

6.1.2 研究内容的总结

6.2 研究展望

6.2.1 理论研究展望

6.2.2 设计研究展望

致谢

参考文献