扁平化在社交网站界面设计中的应用研究

发布时间：2017-04-09 06:21

  本文关键词：扁平化在社交网站界面设计中的应用研究，，由笔耕文化传播整理发布。

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

• 摘要5-6
• ABSTRACT6-11
• 1 绪论11-16
• 1.1 选题的目的和意义11-12
• 1.1.1 选题的目的11
• 1.1.2 研究意义11-12
• 1.2 国内外研究动态和水平12-14
• 1.2.1 国外研究动态12-13
• 1.2.2 国内主要研究动态13-14
• 1.3 研究内容14-15
• 1.4 研究方法15-16
• 2 扁平化设计的概念16-29
• 2.1 扁平化设计16-20
• 2.1.1 扁平化设计的基本定义16
• 2.1.2 扁平化设计的起源16-19
• 2.1.3 扁平化设计的发展现状19-20
• 2.2 扁平化设计的核心——信息层级20-27
• 2.2.1 信息层级的概念20
• 2.2.2 创建信息层级的方法20-27
• 2.3 扁平化设计的优点27-28
• 2.3.1 极简主义的优点28
• 2.3.2 信息层级的优点28
• 2.4 小结28-29
• 3 社交网站界面设计29-42
• 3.1 社交网站的概念29
• 3.2 社交网站界面设计的原则29-35
• 3.2.1 易用性原则29-31
• 3.2.2 层级清晰的原则31-32
• 3.2.3 用户熟悉感原则32-34
• 3.2.4 网站设计风格统一的原则34-35
• 3.2.5 个性化原则35
• 3.3 社交网站界面设计的主要内容35-41
• 3.3.1 信息量化35-36
• 3.3.2 导航栏36-38
• 3.3.3 文字38-40
• 3.3.4 色彩搭配40-41
• 3.4 小结41-42
• 4 扁平化设计在社交网站界面中的运用法则42-51
• 4.1 简约性法则42-44
• 4.1.1 图形抽象法42-43
• 4.1.2 图片去底法43-44
• 4.2 色彩搭配法则44-46
• 4.2.1 情感色彩导向法44-45
• 4.2.2 色彩层级搭配法45-46
• 4.3 文字应用法则46-47
• 4.3.1 字体应用特点46-47
• 4.3.2 字号应用特点47
• 4.4 页面按钮的布局47-49
• 4.4.1 按钮设计的意义47
• 4.4.2 按钮的隐藏功能47-49
• 4.5 页面图版率49-50
• 4.5.1 图版率的概念49
• 4.5.2 图版率的优化方法49-50
• 4.6 小结50-51
• 5 扁平化在社交网站界面设计中的应用效果分析51-65
• 5.1 扁平化在界面设计四大元素中的应用效果51-58
• 5.1.1 文字51-52
• 5.1.2 色彩52-53
• 5.1.3 按钮53-55
• 5.1.4 图版率55-58
• 5.2 扁平化在页面广告中的应用效果58-62
• 5.2.1 扁平化页面广告的展现形式58
• 5.2.2 扁平化页面广告的应用效果——以豆瓣网为例58-61
• 5.2.3 静态类广告的推广应用法则61-62
• 5.3 扁平化的设计理念在用户体验中的效果分析62-64
• 5.3.1 应用用户熟悉的UI元素62-63
• 5.3.2 益于视障用户浏览的界面设计效果63-64
• 5.4 小结64-65
• 6 总结与展望65-67
• 6.1 研究总结65
• 6.1.1 研究意义的总结65
• 6.1.2 研究内容的总结65
• 6.2 研究展望65-67
• 6.2.1 理论研究展望65
• 6.2.2 设计研究展望65-67
• 致谢67-68
• 参考文献68-72
• 附录72-84
• 攻读学位期间发表的学术论文目录84-85

【参考文献】

中国期刊全文数据库 前4条

1 秦岁明;王荣;郭霖蓉;;现代户外广告设计中创意的多维化途径[J];包装工程;2010年14期

2 任冬巧;杨春燕;;扁平化设计在网页设计中的运用研究[J];大众科技;2014年06期

3 秦岁明;何梦楠;;扁平化风格在网页界面设计中的应用[J];包装工程;2015年06期

4 韩晓墨;;继承与发展并重——论扁平化设计的席卷[J];现代装饰(理论);2013年07期

中国硕士学位论文全文数据库 前1条

1 朱松岩;现代网页设计与印刷类平面设计比较研究[D];苏州大学;2006年

  本文关键词：扁平化在社交网站界面设计中的应用研究，由笔耕文化传播整理发布。

本文编号：294660