摘要：本文旨在运用现代界面设计、交互设计、用户体验设计原理，使用Photoshop、Flash等设计软件完成了以排版知识为内容的移动端及网站界面设计。再用原型工具Axure将页面进行链接，并相应的做出一些有趣的动效。在这个移动网络与数字化全面覆盖的信息时代，人们最快获取资讯的方式就是打开手机或网站进行搜索浏览，这已经成为人们生活、学习、交流和娱乐的一种必要途径和习惯。求职住房、网络授课、信息互换，我们每天都在浩瀚的互联网中寻找着和自己需求匹配的应用或网站，从而有效便捷地达到目的。这些移动端应用或网站不仅在功能需求方面满足了切中了大众的痛点需求，而且也在不断地优化产品的界面和用户的交互体验。而针对设计工作者或者对排版之美有着浓厚兴趣的群体，他们需要一个社群去分享、发现以及交流。而本课题也重在围绕排版的基础知识、案例分析、优秀作品赏析这三大模块展开。76303

毕业论文关键词：排版知识；界面设计；用户体验；交互设计

Interface Design for Layout Knowledge on Mobile and Web 

Abstract: The purpose of this paper is to use modern typesetting knowledge for mobile terminal and the layout of the website design, using some interactive software to jump page with the page link, and the corresponding to make some effect。 In the mobile network and universal coverage of the digital information age, the fastest way that people obtain information is to open the cell phone or web site search browsing。 It has become people's life, and a necessary way to learn, communication and entertainment and habits。 Including housing, network teaching, information exchange, we every day in the vast Internet searching and his needs matching application or website, thus effectively achieve a goal easily。 These mobile client application or web site not only satisfy public’s demands in terms of the functional requirements, but also constantly optimize the product interface and user interaction experience。 For designers and people who have interests in typesetting, they need an association to share, discover and communicate。 This topic will focus on surrounding typography, case study, the significance of outstanding works appreciation and typesetting knowledge learning four modules。

Keywords: Typesetting knowledge; User interface design; User experience; Interaction design

目录

摘要 i

Abstract ii

目录 iii

1 绪论 1

1。1 课题介绍 1

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

1。1。2 课题的内容、重点、难点 2

1。2 课题调研情况 3

1。2。1 调研方法 3

1。2。2 调研内容 4

1。3 国内外研究情况 4

1。3。1 国内外研究现状与发展趋势 4

1。4 开发工具的选用 5

1。4。1 工具比较 5

1。4。2 选择Axure RP以及Flash的原因 6

2 分析 7

2。1 排版知识调查与分析 7

2。2 移动端及网站界面设计调查与分析 8

2。2。1 界面风格分析