UI创意设计与表达

1、,7类APP的界面设计案例,授课教师：肖文婷,【成功APP的设计思路与注意事项】 1、品牌形象塑造要集合运营内容。主要包括LOGO、VI 、企业色、元素。 2、APP用色。主要包括主体色、辅助色、点睛色、背景色。 3、开发平台。Iphone、Ipad、Android、PC、IOS、Web等。 4、发行渠道。主要包括互联网下载、推送、绑定下载等。 5、功能定义。主要包括基础功能、核心功能、竞争功能、高端功能、隐藏功能、成组模块化按优先级组织及删掉功能。 6、用户业务流程细分。用户在出错的时候，是否可以撤销；初级用户如何完成任务，是否建立新手导引和相关提。

2、创意表达设计报告班级：工业设计2009级2班小组成员：李勤 唐刚王善林 于海生欧阳江泉设计要求设计文案，准备方案设计方法表述调研报告设计草图设计模型制作设计总结1、设计文案，准备方案经过对“依附”概念的字典定义以及网上搜索，小组对依附关系展开了联想式的发散思维，最终确定初步方案为2套，在这2套的基础上进行再讨论，要最终确定1套相对比较优势的方案进行实施。初步计划如下：1、比较2套方案的可行性；2、经过再比较，比较哪一套方案最贴近“依附”概念；3、征集小组成员的意见确定最终方案；4、首先对设计的产品进行整体把握，。

3、 设计在当代社会已经被赋予了最宽泛的定义 设计 一词不仅停留在艺术 工程领域 还延展到了社会的各个领域 在设计广泛运用的今天 广义设计的范畴扩展到了一切创造性的 有明确目的的领域 包括艺术 文学 经济 科技等各个方面 一切为了特定目的而随之展开的设想 计划 布置 策划等都可以是设计 设计是一种赋予秩序的行为 设计是一种具有意识意向的行为 设计是一种组织安排的行为 设计是一种以功能为目的的行为 维克。

4、,门户网站设计实例,授课教师：肖文婷,【企业门户网站的基本布局架构】 企业门户网站的基本布局架构主要包括：网站标题和 LOGO；主页（过场动画，可以跳过）；多重导航系统（全局导航、局部导航、辅助导航、上下文导航、友好导航、远程导航等）； Banner广告；内容位置（公司介绍页、新闻栏、信息栏、产品目录页、产品内页）；登录、注册、用户面板、管理后台等；联系方式、留言板、论坛、招聘、客服。,【项目构思与执行】 1、项目背景 卓尔百匠是佛山一家全实木家具品牌，该品牌诞生于2012年，以新中式风格为特色，倾力打造新中式全实木整。

5、,网站设计的前期定位,授课教师：肖文婷,网页界面设计是以互联网为载体，以互联网技术和数字交互技术为基础，依照客户的需求设计有关商业宣传目的的网页，同时遵循艺术设计规律，实现商业目的与功能的统一，是一种商业功能和视觉艺术相结合的设计。 随着网络的发达，浏览网页成为人们上网的主要形式之一，网页界面设计也得到了较大的发展。网页界面主要是通过页面的排版布局，视觉效果的整体形象，给浏览者综合感受。网页的内容与形式相统一，是网页功能需求与用户需求被设计者诠释后而体现出的一种独特的风貌。,乐加-中国原创品牌网页设计。

6、,网页视觉设计元素,授课教师：肖文婷,【文字】 目前较为典型的几款中文屏幕字体包括方正兰亭黑、微软雅黑、苹果丽黑、信体黑。,四款不同的黑体在相同字号、字距下的比较,1、字体分类 衬线算是一种辅助线的小细节，左边的是有衬线字体，在标注的地方多出一些装饰，这样就可以清晰地分辨字母和文字。在字体设置较小的时候，会受到衬线的影响，分辨不清晰。同时，它是中文系统默认字体是宋体，太大篇幅使用会引起审美疲劳，所有有衬线字体适合打印文字及正规文档中使用，通常不适合使用在网页中。而右边的字体是无衬线字体，没有边角的装饰，。

7、,电商网站设计实例,授课教师：肖文婷,电商网站是在淘宝、天猫等平台上申请店铺后进行店铺页面的设计与装饰，通常称为“装修”。以淘宝上开网店为例，有普通店铺与旺铺，它们之间在可装饰内容与范围稍微有所不同。 【可装修的内容】 普通店铺可以装修的部分有店标、公告、分类、宝贝分类（不在店铺主页显示，只在宝贝页面中显示）。旺铺可装修部分有店招、促销区、分类、左侧自定义模板、右侧自定义模板、宝贝描述、自定义页面。,【可装修的范围】 1、普通店铺可装修的范围包括店标、公告背景图片、分类按钮、商品描述模板（只在其规定范围。

8、7A版优质实用文档鞋的创意设计表达在这个时代，社会经济不断发展，人们生活水平大幅提高，吃、穿、住、行的新标准也在逐渐高升。“千里之行始于足下”鞋作为人足之衣，人们对穿鞋的需求发生巨大变化。新颖时尚的鞋在市场中凸显其位置，创意设计的鞋产品也备受重视。鞋的设计与其它设计门类有一曲同工之处，同时在设计鞋类产品中也应该吸取其它设计方法，从而达到设计的腾飞。鞋的设计有其自身独特性，首先它是可穿之物，它是依附于人的脚而形成的鞋，鞋有固定的形态，这种形态千百年来没有本质的变化。其次，鞋的设计是在足形之外使用不同。

9、,图标设计基础,授课教师：肖文婷,广义的图标是一种符号，它象征一些纵所周知的属性、功能、实体或概念，具有快捷传达信息、便于识别和记忆的特性。狭义的图标主要应用于计算机软件方面，包括程序图标、数据图标、命令选择、模式信号或切换开关、状态指示等。图标具有明确指代含义和特定功能的图形标识，是区别程序语言命令的视觉命令形式，具有交互性，是实现电脑功能的重要载体。,【图标的概念】,计算机图标,图标：具有明确指代含义的计算机图形。 标志：俗称LOGO，是表明事物特征的记号、商标。 标识：一种非语言传达的视觉图形及文字传。

10、设计在当代社会已经被赋予了最宽泛的定义，“设计”一词不仅停留在艺术、工程领域，还延展到了社会的各个领域。,在设计广泛运用的今天，广义设计的范畴扩展到了一切创造性的、有明确目的的领域，包括艺术、文学、经济、科技等各个方面，一切为了特定目的而随之展开的设想、计划、布置、策划等都可以是设计。,“设计是一种赋予秩序的行为；设计是一种具有意识意向的行为；设计是一种组织安排的行为；设计是一种以功能为目的的行为。”,维克特帕佩纳克为真实世界而设计,菲利普斯塔克的作品,工业设计,视觉传达设计,环境设计,长野冬奥会视觉设。

11、,APP设计基础,授课教师：肖文婷,APP即Application的简写，因此被称为应用。由于iPhone智能手机的流行，现在的APP多指第三方智能手机的应用程序。在移动设备市场里，主流应用商店有Apple的iTunes Store、Android的Google Market、惠普的App Catalog、黑莓的RIM。,iTunes Store与Google Play,手机UI设计的平台主要是的APP客户端。由于手机UI的独特性，比如尺寸要求、控件和组件类型都需要UI设计师重新调整审美基础。所以，UI设计师提前对手机界面的限制与要求做了解，然后合理创意，便可创造出具有独特风格的APP界面设计。,手机APP 设计,平。

12、设计在当代社会已经被赋予了最宽泛的定义，“设计”一词不仅停留在艺术、工程领域，还延展到了社会的各个领域。,在设计广泛运用的今天，广义设计的范畴扩展到了一切创造性的、有明确目的的领域，包括艺术、文学、经济、科技等各个方面，一切为了特定目的而随之展开的设想、计划、布置、策划等都可以是设计。,“设计是一种赋予秩序的行为；设计是一种具有意识意向的行为；设计是一种组织安排的行为；设计是一种以功能为目的的行为。”,维克特帕佩纳克为真实世界而设计,菲利普斯塔克的作品,工业设计,视觉传达设计,环境设计,长野冬奥会视觉设。

13、,UI设计工作流程,授课教师：肖文婷,常见软件产品的开发流程包括产品需求分析、功能定义、交互原型、程序技术预研、效果图绘制、开发、测试、发布上线、运营、迭代开发。,【自主软件产品开发流程】,以用户为中心的设计与开发流程,外包公司的开发流程包括沟通、评估、策划、UE规划、视觉、开发、测试、验收、上线、运营、分析、升级。,【外包公司产品开发流程】,外包流程,网站推出流程包括试生产、启动会议、设计模板、内容装配、商务工具集成、渠道优化目标、审核和批准、站点推出。,【网站推出发流程】,网站推出流程,在现实工作中，设计师。

14、,初识UI设计行业,授课教师：肖文婷,目前，UI设计行业正在全球软件业兴起，属于高新技术设计产业。虽然国内在人机交互领域比国外晚十几年，但近十年，随着APP开发成本降低，个人创业及中小型IT企业在国内遍地开花，导致了UI设计人才的需求井喷。此外国内众多IT企业（如百度、腾讯、Yahoo、中国移动、联想、网易、盛大、淘宝等）均成立专业的UI设计部门，高级UI专业人才稀缺，人才资源争夺很激烈，薪资也很可观。,【UI 行业现状】,2014年中旬从国内大型招聘网站前程无忧、智联招聘和中华英才网获取对UI设计师岗位的基本生存状态信息数据。据。

15、,初识UI设计师,授课教师：肖文婷,1、硬件配置 从事设计行业工作的UI设计师，软件与硬件都是息息相关的。设计工具的完备是从事这个行业的基础条件。工作电脑的配置需达到以下配置：PC机的配置为CPU为4核以上、内存8GB以上、显卡内存2GB以上、SSD固态硬盘；Windows 7以上系统，Adobe CC等软件已经不再支持XP系统，当然有苹果一体机或MAC Pro更好。,【UI设计师所需装备】,2、软件配置,98%的UI设计师会使用平面位图软件Photoshop，85%的UI设计师会使用平面矢量软件Illustrator，30%的UI设计师会使用网页设计软件。在UI设计行业里，基础软件只。

16、,初识UI设计,授课教师：肖文婷,UI即User Interface（用户界面）的简称。UI设计是指对软件的人机交互、操作逻辑、界面视觉美观的整体设计。它的工作主要包括界面的视觉设计、界面的交互设计、界面与用户体验3个部分。,【什么是UI】,【UI 设计常用名词及缩写】,UI：User Interface（用户界面） GUI：Graphical User Interface（图形用户界面） HUI：Handset User Interface（手持设备用户界面） WUI：Web User Interface（网页用户界面） IA：Information Architecture（信息架构） UX：User Experience（用户体验） IxD: Interaction Desig。

17、,初识UI设计,UI即User Interface（用户界面）的简称。UI设计是指对软件的人机交互、操作逻辑、界面视觉美观的整体设计。它的工作主要包括界面的视觉设计、界面的交互设计、界面与用户体验3个部分。,【什么是UI】,【UI 设计常用名词及缩写】,UI：User Interface（用户界面） GUI：Graphical User Interface（图形用户界面） HUI：Hands。