UI设计教程课件

用户界面（UI）UserInterface1大家好视觉的要素造型造型决定一个物体看起来像什么2大家好视觉的要素颜色颜色会带给人们一种感觉3大家好视觉的要素大小大小给人某种差异4大家好视觉的要素远近，清晰度等在摄影中，比较强调这些。5大家好计算机人机交互界面6大家好人机交互界面主要因素是什么？造型颜色大小远近清晰度计算机UI中，把握好造型，颜色，大小——成功UI的开始！7大家好造型Demo1寥寥几笔，先勾画出造型，像什么。小提示：日本的很多小孩能惟妙惟肖地勾画出机器猫的造型。8大家好造型Demo2网友评价：最简洁，最有表现力的表情小提示：兔斯基QQ表情至今为止互联网上最全的表情。。。9大家好造型Demo3我们常用一个造型像什么来叫它的名字小提示：比如鸟巢。。。公司的大胖10大家好造型Demo4我们常用一个造型像什么来叫它的名字小提示：裤衩咋走？（三环央视大楼）11大家好造型Demo5我们常用一个造型像什么来叫它的名字小提示：迪拜的七星级帆船酒店12大家好UI造型Demo1QQ小巧的造型，像一个"通讯簿"。利用它，我们还可以与它对话。人机交互UI（UserInterface）用户界面除了给用户提供信息外，往往还有交互性。我们称之为“人机对话”吧。13大家好UI造型Demo2音乐播放器（千千静听）的造型。包括“控制面板”，“播放列表”，“歌词秀”。觉得它很酷，似乎听起歌来都好听些。14大家好UI造型Demo3浏览器再怎么都会有像一个“地址栏”的造型。15大家好UI造型Demo4这个“地址栏”的造型。看起来就像网页浏览器了。不管是Firefox还是chome，或者IE，最基本的造型是一定是不可缺少的。大家好UI造型Demo5iphone的造型。思考and问题：造型是指某个东西看起来像什么，用一些基本线条，形状勾画出来。请描述一下iphone的基本造型。大家好UI造型Demo6一个website，它有哪些造型？大家好UI造型Demo7先观察几个网页吧。。。大家好UI造型Demo8先观察几个网页吧。。。大家好UI造型Demo9先观察几个网页吧。。。大家好UI之website造型1LogoWebSite的基本造型有哪些？让它看起来不像一份报纸？从“各种各样”的UIdemo中不难发现有这些元素。大家好UI之website造型2WebSite的基本造型有哪些？让它看起来不像一份报纸？从“各种各样”的UIdemo中不难发现有这些元素。MenuandNavigate（导航）大家好UI之website造型3WebSite的基本造型有哪些？让它看起来不像一份报纸？从“各种各样”的UIdemo中不难发现有这些元素。Content大家好UI之website造型4WebSite的基本造型有哪些？让它看起来不像一份报纸？从“各种各样”的UIdemo中不难发现有这些元素。CopyRight（bottom）竟然发现——Mtime还将造型，颜色等申请了产权保护！可见，这些要素很能影响心灵深处。大家好UI之website造型总结LogoMenuandNavigate（导航）ContentCopyRight（bottom）答案原来太简单了！真想拍你一板砖，这也要你说。。。。。。。等先，那我再多说一点，造型其实还可以内套造型！设计网页的思路一般是这样，考虑到外部的造型，其次再考虑到内部的造型。比如logo,menu,content...等再是什么造型。起个名字叫“造型渐进”法。画龙最后点睛一笔还是较为简单的，而画轮廓，慢慢地勾画出来很难。大家好造型小结造型决定一个物体看起来像什么平时我们如果细致观察，将一些基本的元素勾画出来，深入人心，就是成功的造型。大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色的感觉分类大家好颜色Demo1一叶知秋大家好颜色Demo2黑白的老照片——时间的久远大家好颜色Demo3红色海报——革命年代的热情大家好颜色Demo4偏重暗色——非主流的色调小提示：正常图片暗色化，加入一些文字，这样玩非主流。大家好颜色Demo5犀利哥：低调的黑色内衣深沉的蓝色裤带上有红色的强调色当然，造型也是关键。造型好的男人叫“型男”。大家好颜色Demo6QQ校友色调——主打绿色，清新，亲近网页颜色搭配，一般不超3种颜色，主色，辅色，强调色。大家好颜色理论这么多丰富多彩的颜色？

做为设计师，如何调配它们？可见光谱三原色三次色十二次色环大家好网页颜色搭配传统，高雅，优雅大家好网页颜色搭配传统，稳重，古典大家好延伸——WaysToTakeYourWebdesignFromGoodToGreat保持微妙的颜色倾斜度大家好延伸——WaysToTakeYourWebdesignFromGoodToGreat网格化大家好延伸——WaysToTakeYourWebdesignFromGoodToGreat很多的情况下，用上等长列。大家好延伸——WaysToTakeYourWebdesignFromGoodToGreat学习印刷术。大家好延伸——WaysToTakeYourWebdesignFromGoodToGreat高亮显示COOL小图标