Submit Search
Upload
UI DESIGN入门讲座
•
1 like
•
920 views
Tisa Fu
Follow
求是潮技术研发中心内部培训材料。 12/08
Read less
Read more
Technology
News & Politics
Report
Share
Report
Share
1 of 23
Download now
Download to read offline
Recommended
UI and UE design basic
UI and UE design basic
tedzhaoxa
UI and UE design basic
汽车租赁系统VI
汽车租赁系统VI
Tisa Fu
淘宝Vs拍拍
淘宝Vs拍拍
Tisa Fu
产品形式与方式设计
产品形式与方式设计
Tisa Fu
案例。课程作业。
信息产品设计
信息产品设计
Tisa Fu
Presentation
Presentation
Tisa Fu
购物网站对比
购物网站对比
Tisa Fu
人机工程学
人机工程学
Tisa Fu
Recommended
UI and UE design basic
UI and UE design basic
tedzhaoxa
UI and UE design basic
汽车租赁系统VI
汽车租赁系统VI
Tisa Fu
淘宝Vs拍拍
淘宝Vs拍拍
Tisa Fu
产品形式与方式设计
产品形式与方式设计
Tisa Fu
案例。课程作业。
信息产品设计
信息产品设计
Tisa Fu
Presentation
Presentation
Tisa Fu
购物网站对比
购物网站对比
Tisa Fu
人机工程学
人机工程学
Tisa Fu
用户体验设计公开课讲义 交互设计禅意花园
用户体验设计公开课讲义 交互设计禅意花园
Alite Yu
公开课讲义 交互设计禅意花园
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Tim Xia
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
用户体验设计思想
用户体验设计思想
Henry Lee
创意App
创意App
林长青 林长青
大家眼中的创意APP,大家对创意的理解和对APP的评价。具有极高的参考价值。感谢HiUED的同学们。
基于认知的产品界面设计
基于认知的产品界面设计
Mac zheng
认知心理学在产品界面设计中的运用,选择了公众服务型产品,北京地铁自助售票机的界面设计。
互动设计的方法初探
互动设计的方法初探
yaai
ui design-1
ui design-1
cheng yeh chang
UXUI基礎概念
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC
主题摘要 1、硬件和操作平台对设计的影响 2、界面的组织结构和特点 3、不同观念和设计原则交织中的权衡 课程目标 使初从事手机软件交互设计者能够了解到:手机软件领域的交互设计思路、特点和方法。 课程参与者将学到 手机设备从硬件到操作平台的特点对设计软件交互的影响,如何按部就班的将需求落实到交互设计文档,如何利用硬件、操作平台和规范来推进自己的设计 工作坊环节安排 1、引言,和听众互动、沟通 2、硬件、平台和交互规范的影响 3、交互规范可以包含的内容 4、一些"水土不服"的观点和实例 2010年首届中国交互设计体验日,是以“赢在互动”为主题的大型交互设计会议盛宴。大会包括交互设计演讲、论坛、展览及工作坊。通过互动、交流体验的方式,将“交互设计”的理念在中国设计产业中进行高层次、深度、广泛的推广与传播。 我们希望通过这次大会,聚集国内外交互设计先驱者;展示中国交互设计优秀成果;为交互设计教育与企业搭建一个交流的平台; 促进中国交互设计产业与国际设计前沿的同步发展。
Jiazi chen design work
Jiazi chen design work
jiazi
my work collection
Mobile app design 2010
Mobile app design 2010
Baidu
Fluid Interaces Group
Fluid Interaces Group
Cheng-Wei Chen
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验
PMCamp
Luyi\'s Portfolio
Luyi\'s Portfolio
lupig
from2008-2011
UI Design
UI Design
Amelie Yeh
Mobile App 高保真原型设计
Mobile App 高保真原型设计
hehewish
这份PPT主要分享如何通过jQTouch框架,在iPhone平台快速搭建可交互的高保真原型的一些方法和技巧
Let's talk about Web Design
Let's talk about Web Design
Abby Chiu
20150413 台科大程式設計研究社演講邀約 : Let's talk about Web Design!
Week2.how to cooporeate with it
Week2.how to cooporeate with it
ditl
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC
怎样跟上移动应用及移动互联网发展的脚步?当我们的视野逐渐转向移动领域之时,如何将自己的聪明才智和已有经验在这个新的平台上更好的发挥。此次工作坊将为你呈现: 1、CDC无线团队在移动应用及移动互联网方面的项目及经验分享。 2、各移动终端交互设计与信息组织的探讨。 3、无线团队成长和规范化建设。 课程目标 介绍及展示无线终端的交互设计方法及项目相关经验 课程参与者将学到 无线终端的交互设计方法及项目相关经验 工作坊环节安排 (一个半小时) 1、 设计因移动而不同: 你可能是资深设计从业者,精通网站设计,或对pc客户端应用设计驾轻就熟。但如何将自己的聪明才智及无限创意应用到移动设备之中,这个分享能给你带来不一样的启发。 2、 移动终端交互设计流程和规范建设:介绍CDC在移动终端设计方面的一些项目和经验,以及基于移动终端方面的交互设计流程和相关规范建设。 2010年首届中国交互设计体验日,是以“赢在互动”为主题的大型交互设计会议盛宴。大会包括交互设计演讲、论坛、展览及工作坊。通过互动、交流体验的方式,将“交互设计”的理念在中国设计产业中进行高层次、深度、广泛的推广与传播。 我们希望通过这次大会,聚集国内外交互设计先驱者;展示中国交互设计优秀成果;为交互设计教育与企业搭建一个交流的平台; 促进中国交互设计产业与国际设计前沿的同步发展。
GUI conclusion
GUI conclusion
guest284a0e
Gui Conclusion2
Gui Conclusion2
Yao Lining
More Related Content
Similar to UI DESIGN入门讲座
用户体验设计公开课讲义 交互设计禅意花园
用户体验设计公开课讲义 交互设计禅意花园
Alite Yu
公开课讲义 交互设计禅意花园
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Tim Xia
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
用户体验设计思想
用户体验设计思想
Henry Lee
创意App
创意App
林长青 林长青
大家眼中的创意APP,大家对创意的理解和对APP的评价。具有极高的参考价值。感谢HiUED的同学们。
基于认知的产品界面设计
基于认知的产品界面设计
Mac zheng
认知心理学在产品界面设计中的运用,选择了公众服务型产品,北京地铁自助售票机的界面设计。
互动设计的方法初探
互动设计的方法初探
yaai
ui design-1
ui design-1
cheng yeh chang
UXUI基礎概念
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC
主题摘要 1、硬件和操作平台对设计的影响 2、界面的组织结构和特点 3、不同观念和设计原则交织中的权衡 课程目标 使初从事手机软件交互设计者能够了解到:手机软件领域的交互设计思路、特点和方法。 课程参与者将学到 手机设备从硬件到操作平台的特点对设计软件交互的影响,如何按部就班的将需求落实到交互设计文档,如何利用硬件、操作平台和规范来推进自己的设计 工作坊环节安排 1、引言,和听众互动、沟通 2、硬件、平台和交互规范的影响 3、交互规范可以包含的内容 4、一些"水土不服"的观点和实例 2010年首届中国交互设计体验日,是以“赢在互动”为主题的大型交互设计会议盛宴。大会包括交互设计演讲、论坛、展览及工作坊。通过互动、交流体验的方式,将“交互设计”的理念在中国设计产业中进行高层次、深度、广泛的推广与传播。 我们希望通过这次大会,聚集国内外交互设计先驱者;展示中国交互设计优秀成果;为交互设计教育与企业搭建一个交流的平台; 促进中国交互设计产业与国际设计前沿的同步发展。
Jiazi chen design work
Jiazi chen design work
jiazi
my work collection
Mobile app design 2010
Mobile app design 2010
Baidu
Fluid Interaces Group
Fluid Interaces Group
Cheng-Wei Chen
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验
PMCamp
Luyi\'s Portfolio
Luyi\'s Portfolio
lupig
from2008-2011
UI Design
UI Design
Amelie Yeh
Mobile App 高保真原型设计
Mobile App 高保真原型设计
hehewish
这份PPT主要分享如何通过jQTouch框架,在iPhone平台快速搭建可交互的高保真原型的一些方法和技巧
Let's talk about Web Design
Let's talk about Web Design
Abby Chiu
20150413 台科大程式設計研究社演講邀約 : Let's talk about Web Design!
Week2.how to cooporeate with it
Week2.how to cooporeate with it
ditl
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC
怎样跟上移动应用及移动互联网发展的脚步?当我们的视野逐渐转向移动领域之时,如何将自己的聪明才智和已有经验在这个新的平台上更好的发挥。此次工作坊将为你呈现: 1、CDC无线团队在移动应用及移动互联网方面的项目及经验分享。 2、各移动终端交互设计与信息组织的探讨。 3、无线团队成长和规范化建设。 课程目标 介绍及展示无线终端的交互设计方法及项目相关经验 课程参与者将学到 无线终端的交互设计方法及项目相关经验 工作坊环节安排 (一个半小时) 1、 设计因移动而不同: 你可能是资深设计从业者,精通网站设计,或对pc客户端应用设计驾轻就熟。但如何将自己的聪明才智及无限创意应用到移动设备之中,这个分享能给你带来不一样的启发。 2、 移动终端交互设计流程和规范建设:介绍CDC在移动终端设计方面的一些项目和经验,以及基于移动终端方面的交互设计流程和相关规范建设。 2010年首届中国交互设计体验日,是以“赢在互动”为主题的大型交互设计会议盛宴。大会包括交互设计演讲、论坛、展览及工作坊。通过互动、交流体验的方式,将“交互设计”的理念在中国设计产业中进行高层次、深度、广泛的推广与传播。 我们希望通过这次大会,聚集国内外交互设计先驱者;展示中国交互设计优秀成果;为交互设计教育与企业搭建一个交流的平台; 促进中国交互设计产业与国际设计前沿的同步发展。
GUI conclusion
GUI conclusion
guest284a0e
Gui Conclusion2
Gui Conclusion2
Yao Lining
Similar to UI DESIGN入门讲座
(20)
用户体验设计公开课讲义 交互设计禅意花园
用户体验设计公开课讲义 交互设计禅意花园
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
用户体验设计思想
用户体验设计思想
创意App
创意App
基于认知的产品界面设计
基于认知的产品界面设计
互动设计的方法初探
互动设计的方法初探
ui design-1
ui design-1
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
Jiazi chen design work
Jiazi chen design work
Mobile app design 2010
Mobile app design 2010
Fluid Interaces Group
Fluid Interaces Group
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验
Luyi\'s Portfolio
Luyi\'s Portfolio
UI Design
UI Design
Mobile App 高保真原型设计
Mobile App 高保真原型设计
Let's talk about Web Design
Let's talk about Web Design
Week2.how to cooporeate with it
Week2.how to cooporeate with it
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
GUI conclusion
GUI conclusion
Gui Conclusion2
Gui Conclusion2
UI DESIGN入门讲座
1.
UI Design 求是潮技术研发中心出品
by TISA
2.
What’s UI?
UI=User Interface 媒介——实现信息的内部形式与人类可以接受形式之间的转换。 目的在使得用户能够方便有效率地去操作硬件。 用户接口——包含了人机交互与图形用户界面,凡参与人类与机械的信息 交流的领域都存在着用户接口。
3.
History 早期
各式各样的符号、图形,比如说当人类看到招牌即知道这栋房屋的作用为何。 声音、旗帜、手势的运用。 老师使用黑板作为与学生的用户接口,而算盘亦是由珠子所构成的早期人机界 面。 早期计算机- 批次接口 (风行于1945-1968): 所有的输入数据预先设置于程序或命令行参数中。 命令行界面 (风行于1969-1983):用户通过键盘输入指令,计算机接收到指令后,予以运行。
4.
history 现代
计算机-图形用户界面(GUI) 早期由纸带输入设备到键盘、鼠标、数字版等等数据输入的设备,显示屏幕、声音等等 输出设备,参考文件、在线说明、教学课程等等辅助使用之材料,人机交互的模式达到了 只认识1与0的计算机与人类之间的用户接口。 在图形用户界面中,计算机画面上显示窗口、图标、按钮等图形表示不同目的的动作, 用户通过鼠标等指针设备进行选择。 最著名例子就是由苹果公司在麦金塔所创的图形用户界面。 ——在1980年代,计算机的用户 接口革命是当时苹果计算机所发表的麦金塔(Macintosh)使用WIMP(视窗、图键、窗体,以及鼠标鼠标) 将图形用户界面 (GUI)带进了大众市场,取代早期计算机使用的命令行界面。 1990年代初期微软所发表的Windows 3.0则巩固此一变革。
5.
history 工业-人机界面(Human-Machine
Interface,缩写HMI) 在工业上的用户接口简单的区分为Input(输入)与Output(输出)两种,Input指的是由人来进 行机械或设备的操作,如把手、开关、门、指令 (命令)的下达或保养维护等,而Output指的 是由机械或设备发出来的通知,如故障、警告、操作说明提示等,好的人机界面会帮助用户 更简单、更正确、更迅速的操作机械,也能使机械发挥最大的效能并延长使用寿命,而目前 市面上所指的人机界面则多半狭义的指在拥有软件人性化的操作接口的硬件(如触控屏幕)。 其他 现在还有很多一些用户界面,由原本的按钮、纸本等传统古代接口进化至直接用手指、或者 特殊的笔端触摸触摸屏上显示的按钮、图标进行各种操作,如自动取款机(ATM),汽车导航、 媒体播放器、游戏机、手机等等,一般操作简捷,直观。
6.
history
未来? 智能化、人性化、情感化……
7.
优秀GUI欣赏
8.
9.
10.
11.
12.
13.
14.
从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两 个层次。 一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离。界面 设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最 终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个 项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所 以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果 的过程。
15.
Case1-Share 我们的网站是干什么的? 我们希望它拥有一个什么样的形象? 我们的目标用户是谁?他们能方便得获取他们想要的信息吗?
16.
Design Process
Research Structure Navigation and Interaction Aesthetics
17.
Design Process
Research Structure Navigation and Interaction Aesthetics
18.
Design Process
Research Structure Navigation and Interaction Aesthetics
19.
Design Process
Research Structure Navigation and Interaction Aesthetics
20.
Design Process
Research Structure Navigation and Interaction Aesthetics 《SEXY WEB DESIGN——CREATE YOUR OWN STUNNING WEB INTERFACES THAT JUST WORK》
21.
Case2- UI for
Android 资源 用户分析——提出问题——头脑风暴——整合设计 功能导向——易用性 高效性 智能追踪 用户导向——情感需求 用户体验
22.
Homework 1.临摹Skinfactory作品一 幅。(右图PSD可从美术FTP下 载) www.theskinsfactory.com 2.设计一款全触屏手机界面。 iPhone Gphone Ophone
… 备注:以上作业任选一个做 完成后上传至后台~做的好的话baba 会BG的~ Deadline:12.25
23.
END. THANKS FOR WATCHING.
Download now