ui手机主题设计视频片头毕业论文

《ui手机主题设计视频片头毕业论文》由会员分享，可在线阅读，更多相关《ui手机主题设计视频片头毕业论文（33页珍藏版）》请在金锄头文库上搜索。

1、河南经贸职业学院 毕业论文 UIUI 手机主题设计手机主题设计 论文作者：论文作者： 姬姬 姝姝 琦琦 专专 业：业： 数字媒体数字媒体 学学 号：号： 210140602210140602 班班 级：级： 1010 信息六班信息六班 指导教师指导教师: : 刘丽萍刘丽萍 答辩委员会主席答辩委员会主席_ 评阅人评阅人_ 论文答辩日期论文答辩日期_ 独创性声明 本人声明所呈交的毕业论文是我个人在导师指导下进行的研究 工作及取得的成果。尽我所知，除文中已经标明引用的内容外，本 论文不包含任何其他个人或集体已经发表或撰写过的研究成果。对 本文的研究做出贡献的个人和集体，均已在文中以明确方式标明。 本

2、人完全意识到本声明的法律结果由本人承担。 论文作者签名： 日期： 年 月 日 毕业论文版权使用授权书 本毕业论文作者完全了解学校有关保留、使用毕业论文的规定， 即：学校有权保留并向有关部门或机构送交论文的复印件和电子版， 允许论文被查阅和借阅。本人授权河南经贸职业学院要以将本论文 的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印 或扫描等复制手段保存和汇编本论文。 保密，在_年解密后适用本授权书. 本论文属于 不保密。 （请在以上方框内打“” ） 毕业论文作者签名： 指导教师签名： 日期： 年 月 日 日期： 年 月 日 摘 要 手机移动设备不断普及，对手机设备的软件需求越来越多，界

3、 面视觉效果良好，且具有良好体验的应用留在自己的手机上长期使 用，因此，手机 ui 设计在当今移动互联网迅猛发展的时代中显现的 尤为重要。我的作品是一款拥有典雅风范的手机 UI 主题设计,把无 形的音乐美融入，转化为有形的，可以看到的平面艺术中去，以平 面化的表现方式进行美的表现，带给人以此时无声胜有声的更高境 界。由听觉感应转化为视觉效果的感官，视觉艺术与音乐艺术的转 化基础是人类基本的心灵感受，它使人们具有相似的或共同的审美 体验。界面在表现形式中也不同于常见的平面化界面，以平面设计 中“立体化“的视觉表现形式为切入点进行创新，此款手机界面设计 主题突出、明确，整体色彩虽运用单色系列却不显

4、现单调，界面风 格整体统一，是用平面化的表现方式为人们的生活弹奏出了一曲美 妙和谐的乐章。作品新颖、具有趣味性，创意设计灵魂体现在每一 个界面，如：琴键解锁设计，待机透视效果突破传统二维的表现形 式,把平面立体化等，在交互操作中会带给人意想不到的惊喜体验； 细节决定一切，人性化的细节设计如：时钟图标、虚拟按键边缘以 及背景光影效果、精确到每一个像素等细节呈现着令人赏心悦目的 视觉效果。我的 UI 主题设计将以实用和独特的想法呈现给用户便捷、 新颖、贴心的交互体验。 . 关键词：创意设计，琴键，音符，三维透视，人性化细节体现 目录 摘摘 要要.I 1 1 项目概述项目概述.1 1.1 项目目的和

5、内容1 1.2 项目分析1 1.2.1 设计表现形式分析 .1 1.2.2 典型用户定义与分析 .1 1.3 项目技术定义2 1.3.1 设计技术分析 .2 1.3.2 使用技术说明 .2 2 2 设计创意说明设计创意说明.3 2.1 创意来源3 2.2 产品的风格定义4 2.3 产品设计规格定义4 3 3 设计表现说明设计表现说明.5 3.1 解锁界面 1.5 3.1.1 效果图 .5 3.1.2 说明 .5 3.2 解锁界面 2.7 3.2.1.效果图 7 3.2.2 说明 .7 3.3 解锁界面 3.9 3.3.1.效果图 9 3.3.2.说明 9 3.4 待机界面11 3.4.1 效果

6、图 .11 3.4.2 说明 .11 3.5 天气界面 1.13 3.5.1 效果图 .13 3.6.2 说明 .14 3.6 天气界面 2.15 3.6.1 效果图 .15 3.6.2 说明 .15 3.7 日历界面 1.16 3.7.1 效果图 .16 3.7.2 说明 .16 3.8 日历界面 2.17 3.8.1 效果图 .17 3.8.2 说明 .17 3.9 播放器界面 1.18 3.9.1 效果图 .18 3.9.2 说明 .18 3.10 播放器界面 2.19 3.10.1 效果图 .19 3.10.2 说明 .19 3.11 播放器界面 3.20 3.11.1 效果图 .20

7、 3.11.2 说明 .20 3.12 播放器界面 4.21 3.12.1 效果图 .21 3.12.2 说明 .21 3.13 相册界面 1.22 3.13.1 效果图 .22 3.13.2 说明 .22 3.14 相册界面 2.23 3.14.1 效果图 .23 3.14.2 说明 .23 4 4 设计中所遇困难和解决方案设计中所遇困难和解决方案.24 5 5 设计体会设计体会.25 致谢致谢26 1 项目概述 1.1 项目目的和内容 手机 UI 设计 ：是手机软件的人机交互、操作逻辑、界面美观的整体设计。 手机移动设备不断普及，对手机设备的软件需求越来越多，界面视觉效果良好， 且具有良好

8、体验的应用留在自己的手机上长期使用，因此，手机 ui 设计在当今 移动互联网迅猛发展的时代中显现的尤为重要。 而我的作品是一款拥有典雅风范的手机 UI 主题设计，主要针对于 16-30 岁 时尚简约、热爱音乐与生活、追寻高品质生活的人群。此款手机界面设计主题 突出、明确，整体色彩虽运用单色系列却不显现单调，界面风格整体统一，是 用平面化的表现方式为人们的生活弹奏出了一曲美妙和谐的乐章。作品新颖、 具有趣味性，创意设计灵魂体现在每一个界面，如：琴键解锁设计，待机透视 效果突破传统二维的表现形式,把平面立体化等，在交互操作中会带给人意想不 到的惊喜体验；细节决定一切，人性化的细节设计如：时钟图标、

9、虚拟按键边 缘以及背景光影效果、精确到每一个像素等细节呈现着令人赏心悦目的视觉效 果。我的 UI 主题设计将以实用和独特的想法呈现给用户便捷、新颖、贴心的交 互体验。 作品内容包括有：解锁界面（3） 、待机界面、天气界面（4 张） 、日历界面 （2 张） 、音乐界面（4 张） 、相册界面（2 张） 、静态壁纸、动态壁纸 1.2 项目分析 1.2.1 设计表现形式分析 在整体的简洁大方中又不难发现小细节的精雕细琢，多张界面以平面设计 中“立体化“的视觉表现形式为切入点,突破二维的表现形式,把平面立体化,空间延 展,由传统的二维平面表现向三维空间设计，构建出更具表现力的新视觉语言,增 强视觉冲击力

10、；平面设计与音乐艺术的转化基础是人类基本的心灵感受，它使 人们具有相似的或共同的审美体验，二者的结合与相融入更好的向人们展示了 音乐艺术融入在生活中，而音符在生活中的跳跃为人们跳出了美得感知。 1.2.2 典型用户定义与分析 用户人群：针对于 16-30 岁时尚简约、热爱音乐、爱娴静、有趣的生活， 追寻品质生活的人群。 我的作品整体风格为简洁典雅，具有趣味性，以音乐元素为主题从而进行 创作，为热爱音乐与生活，追寻美好品质生活的人群而设计。 1.3 项目技术定义 1.3.1 设计技术分析 主要运用的设计软件为：Illustrator CS4;Flash CS4;Adobe Photoshop C

11、S3 1.3.2 使用技术说明 在 Photoshop CS3 中处理一些背景颜色以及小的图标等，做辅助性的工作； 在设计中主要用到的是 Illustrator CS4，在软件中做出静态效果图，在 Flash CS4 中做出动画演示以及动态壁纸，进行最后的合成与演示说明。 2 设计创意说明 2.1 创意来源 人生如音乐，有平缓、有激昂，有舒坦、有坎坷，有柔软、有刚烈；时而 清澈欢心、时而黯然伤心，时而波澜不惊、时而汹涌澎湃。音乐总是无处不在 的充斥在我们的周围，它们或欢快、或忧伤、或甜美聆听到由音乐和歌声 所营造的那一片感觉与意境中，仿若我们也一样走进了不同的人生，走进了不 同的感情世界当中。

12、带着一份欣赏的心境，张开耳朵，让不同的歌曲载着不同 的情绪掀起我们心灵的共鸣，体味着人生的喜怒哀乐，心灵，随着歌声飞扬， 也伴着伤感落泪。然而，有一天，我的头脑在沉静中突然多了一层思考，可以 想一想，不管天底下有着多少的歌曲，它们却都是由着同样的音符组合而成。 只不过不同的是，组合方式的不同，从而才开始有了不同的千变万化，才有了 格调迥异的旋律，那么，我可不可以把这种无形的音乐美融入到我的设计中， 转化为有形的，可以看到的平面艺术中去呢，以平面化的表现方式进行美的表 现，带给人以此时无声胜有声的更高境界。 设计主题设想较为明确后，由此，创意联想便就此展开，创意是作品的灵 魂，我的作品创意来源于

13、以音乐艺术，而艺术是生活的一种表现形式，源于生 活。感知音乐的魅力，想通过平面化的表现形式把生活中音乐所带给我们的美 好与大家分享，由听觉感应转化为视觉效果的感官，视觉艺术与音乐艺术的转 化基础是人类基本的心灵感受，它使人们具有相似的或共同的审美体验。 音乐是时间艺术，它在时间的运动中被感知。而在平面设计作品内部，是 借助各种表现手法去体现视觉要素的运动感受,如:设计中的运动是有节奏和速度 的。它由视觉元素的疏密、位置所形成内部张力构成。利用图形的大小不同， 位置排列不同，也可以造成动感的画面效果。要想在平面图像上显现出音乐的 存在，音符和和钢琴的琴键将会是最佳的标志。 色彩好比琴键，眼睛好比

14、音槌，心灵仿佛是绷满弦的钢琴，而整体色调的 确定意味着锁定人群范围，音乐与人群结合起来想，运用色彩对人心理和生理 的影响分析他们共有的内在性格与喜好，从而确定以典雅中蕴含安定、沉静、 平和、亲切等意象的咖啡色系作为主色调。 界面在表现形式中也不同于常见的平面化界面，以平面设计中“立体化“的 视觉表现形式为切入点进行创新,突破二维的表现形式,把平面立体化,空间延展, 由传统的二维平面表现向三维空间设计，构建出更具表现力的新视觉语言,增强 视觉冲击力。 好的创意设计充满灵性与美感,能够表达出思想，拥有触摸感应微妙变化的 琴键设计也极具独特创新，让体验者产生美妙的联想。 图标根据整体风格进行定位设计

15、，其中的手绘图像呈现给人以简约，有趣 的视觉效果，而外围的边框设计潜在着诸多细节的创新，如描边的设计进行渐 变及反转，底部若隐若现的阴影设计，给人以凸起的立体感观，精致美感，可 谓是人性化的细节设计。 2.2 产品的风格定义 主要颜色： # D1BE9F #FFFFFF # EA821A # 703F0A 主要风格：典雅、简约的表现。 2.3 产品设计规格定义 （1）设计尺寸：480px800px; （2）最佳显示分辨率：72ppi; （3）色彩模式：CMYK; 3 设计表现说明 3.1 解锁界面 1 3.1.1 效果图 3.1.2 说明 手机开机后进入到解锁界面，整体感观给人以典雅大方。其界

16、面为动态界 面显示。点击解锁图标进入下一界面。 手绘时间显示具有创意性，给人以直观、简洁、明了而又不俗与常态的表 现效果，富有动感的竖线条背景，解锁图标的精心设计将具有动态的三维旋转 效果，钢琴键的光感设计，时尚典雅的整体色调使整张界面近似完美的融合给 人以舒适，便捷，美的体验。 界面构架及组成分析： 1：背景富有层次感的竖线条背景，透明度予以降低，呈现若隐若现效 果，是画面简洁却不显单调。 2：时间显示创新点在于其手绘表现方法，手绘的画面效果给人以直观、 简洁、明了而又不俗与常态，给界面加了几分可爱，给人以生动有趣。 3：解锁图标解锁图标的设计可谓是此界面的重点设计，界面处于界面 长度的三分