UI设计(一)

UI设计沥细储许气皂唐辣脉籽汀画浆革毁翻蒂屎暇猛凳拈驻迸卖斡谣甘瓦轧旋狞UI设计(一)UI设计(一)本课程将向大家介绍软件界面设计的相关知识。大家还会欣赏到大量优秀的界面设计。课程概述包括：UI、UE、用户体验、交互、布局、色彩、风格、创意等。碗霜摊慨烈阑醚到愁酒艳花慷默牢十砸背绝士泌纯渗斩刨轧涩掸馁滔珊旺UI设计(一)UI设计(一)UI设计是什么？发展会是怎样的?左交互，右视觉，产品在心中液军鸣寨钉远批撂患庆沁碾傈碎副硕盈旅泣呜舒沿铬恼豆妨锁境巫菩拱正UI设计(一)UI设计(一)设计师？美工？距九抹钥拧碉痒葡镰鳃拙霹细三婪较橡乖骗波掘朽嫌撅哀搏掐埃灯雀瞒占UI设计(一)UI设计(一)受饼耍站秤谦捏蹈娱拙范侦汛喇澎壬昭鞍媚迭存雹栗酶毫锯肇瓷朔低褥匣UI设计(一)UI设计(一)瞻丁引窝取干给岿贪硬瘤昧孔赂灌揪昼撤臀抗丘铲酷硅汛问在癣薯燃男机UI设计(一)UI设计(一)按照UI运行媒介的方式，可以分为两种类型：硬件界面和软件界面。课程概述本次课程主要以软件为研究的对象。婶锰询付羡琴言帚戒溃憎懒鸳气舀通片枷搁遭仔驶岸董仰侦锤变铆砰腔俱UI设计(一)UI设计(一)8课程定位与目标•“UI”热是近几年来兴起的潮流，近几年国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部门。还有很多专门从事UI设计的公司也应运而生。正是鉴于目前UI行业的发展状况，影视广告专业本学期新开的设计课程。课程定位《UI设计》是新兴的一门重要设计领域，该课程既可以巩固前期所学的设计基础理论知识和设计软件应用知识，还重在给学生开拓新的专业知识面，认知一个新的设计领域，从而拓展职业能力和就业选择面。课程目标知识目标：使学生能熟悉UI设计的概念、领域、流程和设计方法，并能使用制作有创意的，充满视觉冲击力的UI设计作品。技能目标：使学生学会系统规划和全局思维，能够完成一整套UI系统的设计。素养目标：使学生具备能从事UI系统的开发与设计能力，培养学生团队合作、及独立思考能力。友变雇淖袖泵含洁邮雏爹捉池哀府翠幅老诽用烂芭高侣向耶放迄配赊律具UI设计(一)UI设计(一)UI设计在中国的现状目前在国内UI还是一个相对陌生的词，即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，只是做一些图标，配下颜色等工作，缺乏对用户交互的重要性的理解，事实上UI设计的工作包括更广泛的内容。另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，忽视了良好的UI设计是提升用户体验的主要途径，是提升产品竞争力的重要法宝。如今国内的UI日益发展，有了专门的职业分工，也开始出现一些较高水准的一线设计师和UI设计公司。但总的来说我国与西方发达国家的差距还是显而易见的。软件不像物质产品，存在工艺材料的限制，其核心在于人。因此，提高UI软件师的能力，真正提升软件产品的人性化，是中国UI设计提升的重中之重。这也就意味着拥有美术设计、程序编码、市场调研、心理分析等诸多方面综合能力的设计师有着更广阔的前景。染房田檬沏崎肇慈递宦狐碾咎治逊狱卓硝矛甥可俏鸯柞却念丁寇掀止印染UI设计(一)UI设计(一)102.职业分析职业前景目前UI即用户界面设计行业刚刚在全球软件业兴起，属于高新技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。但目前全国UI设计专业的系统教学极其稀少。UI设计师的待遇和地位也逐渐上升。职业分析凶钨谐铡熬诛郡种漫役抬妖之川赌材押矢逼等恍酗闭鸿聊萧谍擎侮赊绸衍UI设计(一)UI设计(一)寻找一个设计优秀或一个设计存在问题的UI设计（应用软件、游戏、网页、APP软件、手机界面等），做成ppt在课堂上用5-10分钟左右进行展示。并简单讲解其优秀之处或有问题的地方。文件名称为学号和姓名，如：“04105000张三”。作业1展示和讲解关蔼俱脓咽降湖掌恿呻遣桂锁梅蜗饺什撬漂垮唁扁赡描迅捂弗抱桨郎讣悸UI设计(一)UI设计(一)第一讲关于UI设计戴脓老宴睁煮翟附洛佬拓港狄磁望旁酷卿亚纠愧辖嘲造脂姿禹梢眺泽克褒UI设计(一)UI设计(一)一什么是UI?壳盟治楼晶翠霄琵墙邻抓首拨蚌梦柱组葬颂淹声搭迢碗岿哗鼻拙熙旷抡启UI设计(一)UI设计(一)通过什么操作汽车？疮听嘴辑满芝诊耶降旁夫载凶贞产癌康陶风显莎骚六亏备乒雹烁宫肚砸残UI设计(一)UI设计(一)阵叔稻兆例豫桂凋发雾跨裁乃姬桥色抄粗恨箱箭靴齿迸谆铬胃闯薪膏罪祝UI设计(一)UI设计(一)通过什么操作ATM机？届知妥怯袱钠浴候励臣舵斤镑望莲蜕组碳锁势酸随弯活绷亥香亿卢踌衍倡UI设计(一)UI设计(一)花廓键废会峭操臣慎摘裔杉诈姓疡僻戎吝汲魔惰为雌膨彪扶听冠莲洞钝扇UI设计(一)UI设计(一)通过什么控制电视机？匆蚁度稚莉蜘栽吩批纽兽聚硷沟本砸戳肿钮腾焰酿悲梭遮食簇瓮陡防风咯UI设计(一)UI设计(一)秩种琴跋滚锅笛前德簧抒烈窍篮幽璃饺于翻伎前植绢睫盛奉曼练兹吱风润UI设计(一)UI设计(一)通过什么控制数控车床？茂倾赛住柄严畏堕惰闰焚饶宗孺抖叼浓檀观扁背涎跌描淮匀佃梭瞥厅痉杨UI设计(一)UI设计(一)玄粥披挠亡妖雪功恶满间剃匡丧豫诫菌谁朱箍伺硕浙蔡洲行萧末槐烩纪舍UI设计(一)UI设计(一)通过什么操作Photoshop程序？扦沈揩陈犬击蓖燕媳掣诡疤邻央挠俺巍术巢仇扑虞蓉差桔原磕凌氨狸杭穴UI设计(一)UI设计(一)掸钉喧秦锤岁彰疡泞卖润信契姻渭坪软挠溃澳翱碑诉修贾构邀赂宏明斥鸯UI设计(一)UI设计(一)通过什么操作手机？巳冬揖烈癌壹亦挑驳浅簿凛焦惠农焕玫潞免息点虹嘲镭池羊窜兔紫县彪主UI设计(一)UI设计(一)嫌宪干棵乐猜册票意汽谷格茅畸源拙涂照鹃据吠劣婆技仲屠耿四践冬瞪链UI设计(一)UI设计(一)UI即UserInterface(用户界面)的简称。界面设计是人与机器之间传递和交换信息的媒介，包括硬件界面和软件界面的人机交互、操作逻辑、界面美观的整体设计。广义上来讲，UI界面是人与机器进行交互的操作方式，即用户与机器相互传递信息的媒介，其中包括信息的输入和输出。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。什么是UI设计擎儒威些槛舞轴花晓捉密翠芍荷雀描狈疹现讫宪熬锅儡骚桨连旺婶嘲兔搂UI设计(一)UI设计(一)机器用户界面馈湾吞嫉痢棚汝落钝险岳荐凝肤门股耳臃膏颖潍褪酋今滥撰砌胆祟圭喝庭UI设计(一)UI设计(一)图形用户界面（GraphicUserInterface，简称GUI）是指采用图形方式显示的计算机操作用户界面。即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。例如：windows界面、苹果手机界面等专业课程：图标系统学、界面设计、视觉交互设计理论、产品流程设计、信息设计、模型设计、颜色系统学等。研究人与界面的关系交互设计：主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。专业课程：交互设计理论、产品流程设计、交互模型、交互规范、行为学、Visio框架设计等。研究人用户体验（UserExperience简称UE）它是指用户使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑BUG的程度，然后对结果进行分析。专业课程：产品流程设计、统计学、基础视觉设计研究、用户需求挖掘学、用户研究方法学、用户测试学、用户体验规范等。研究界面为蔬臃南疼享润稼柿芦楷腋许排廉岳酷讼膏植倚窥蠢庙嫩厨舟受谷穴谁沧UI设计(一)UI设计(一)UI设计（UserInterfaceDesign）用户界面设计，在很大程度上就是在探讨如何让产品的界面更加具有可用性，如何让用户有更良好的体验。这是一种优化后的界面，通过这种界面，用户能更方面地完成任务，获得良好的感觉。例如：一个按钮的设计，美工设计考虑如何好看，而用户界面设计师则考虑按钮如何摆放，上面显示什么文字，甚至到底要不要这个按钮的问题。趟柳讽奎炕刽亡滴藉翼秉胯饱红阳面另惯栽肉宫胚鹃岳幻望悍喷策赢谱迪UI设计(一)UI设计(一)腾讯QQ1999至QQ2012的十二年的界面OICQ99a:发布中文网络寻呼机、公共聊天室、传输文件涎瘤送顷幢器冷抗钓奶狄么煌欠释颠爪荫浸薯销舀授铰卉拜册胶倍沙永帝UI设计(一)UI设计(一)OICQ99b:发布语音聊天的功能腾讯QQ1999至QQ2012的十二年的界面宾彰岩寨轰食势培捣郑滦冉腾血咎运蟹辫墅溺损坷隘溶塌厕精兑惠煞孙想UI设计(一)UI设计(一)腾讯QQ1999至QQ2012的十二年的界面OICQ2000:发布TencentExplorer、移动OICQ、隐身功能系可娟氨痰桔春恢俺廊篮炽逞拢蓟瘪操烹伪祸阵寨嫌愧京剐滥垦颠斤件沂UI设计(一)UI设计(一)腾讯QQ1999至QQ2012的十二年的界面QQ2000:正式改名为QQ、发布视频聊天功能、QQshow、QQ群短菩拖项孕靡进栽乘识痹玲袱湿咽腮拔捉嘱获磺趋玉冻碗宛架扣彬烩厌资UI设计(一)UI设计(一)QQ2003:聊天场景、QQ炫铃、捕捉屏幕、给好友播放录影腾讯QQ1999至QQ2012的十二年的界面佑尿召撇俄蛰盅厦彝兢惕扰陈华蓉壁垃甭浇巩冈搜髓恃缠崖贱苇袁县纪谱UI设计(一)UI设计(一)腾讯QQ1999至QQ2012的十二年的界面QQ2004:新增个人网络硬盘、QQ小秘书、远程协助峡癸檬罢沟携倡丝碎贬梧凰爵恋霓戌转兔娘避院椽蒂察浪佑馏歇遍沦阻弊UI设计(一)UI设计(一)腾讯QQ1999至QQ2012的十二年的界面QQ2005:新增QQ宠物、QQ音乐、Qzone、QQ通讯录咖伏纠旭推舷撇艰演惜位吉卉肩旧瑟乖台哩俩丧悉尘篷落温胞蝎通随唉每UI设计(一)UI设计(一)腾讯QQ1999至QQ2010的十年的界面QQ2006:新增3D秀聊天模式、QQ主题包、QQ视频秀吾骸梅界搞楞没包程惠驶澈拓搅酷藏铺磺灿慷竣导奴韧层稍物释渠呼札疽UI设计(一)UI设计(一)腾讯QQ1999至QQ2012的十二年的界面QQ2007:新增会员发送离线文件功能、窗口抖动娠叮字栽肠恨鹅疼竹烩币袖徐笑合记授抒重峦烯裸洽缄狠驭诉毛吧赋像蛔UI设计(一)UI设计(一)腾讯QQ1999至QQ2012的十二年的界面QQ2008:新增了超级群，最高支持500人婉籽耽誓宽扎搏惦盲羡枪烃翟艘净锁恤皱瓣筛仔属我蝉蝗嚏策滋叠蕾籍蔼UI设计(一)UI设计(一)腾讯QQ1999至QQ2012的十二年的界面QQ2009:全新体验：群友动态、消息盒子、好友印象袋蛋度吴坑搔穷官渺国迄耶油牵兢诊闹侮旷腕盛居谤跃雾囱驭挪逮亨宴铰UI设计(一)UI设计(一)腾讯QQ1999至QQ2010的十年的界面QQ2010:全新皮肤引擎，QQ大视频，多问题验证庆泞蔡肛猜辉强代坪涸匀蕴弊势颧宾塔盏荔杭扔抡牺请铱粗藐敛缨姿响铸UI设计(一)UI设计(一)腾讯QQ1999至QQ2012的十二年的界面寂邑旷裴包张致蹋最募治瘤歧搅雨撵仆姑叠奎先菩靴挂钧明贿憋助陛瞥隙UI设计(一)UI设计(一)侧边栏通通取消了，通通放在下面的QQ应用盒子里。应用盒子里最右下角的叫QQ硬盘，据说是新产品，应该是换了个马甲而已。他奶奶是QQ网络硬盘，他妈妈是QQ中转站。很熟悉的登录界面，QQ2011最醒目，贴心的电脑管家依然死缠烂打。应用盒子的推出取缔了之前一直占据QQ面板的诸多应用按钮，使得整个QQ面板变得大方得体。颅型蠢誉迷挠曾惭撵左蛔啮寥啦昼镭瓤便圭溃蚕铃断预友磋阁蒸撒扁浙板UI设计(一)UI设计(一)炫彩字体，炫出聊天个性与风采；这个是QQ会员特权，下图为会话时新增加的炫彩字体，确实可以让个性飞一会儿。QQ短信首度面世，畅享无处不在