資源描述：
《【8A文】UI設(shè)計(jì)教程.ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。
1、用戶界面（UI）UserInterface曾俊勇視覺的要素造型造型決定一個物體看起來像什么視覺的要素顏色顏色會帶給人們一種感覺視覺的要素大小大小給人某種差異視覺的要素遠(yuǎn)近，清晰度等在攝影中，比較強(qiáng)調(diào)這些。計(jì)算機(jī)人機(jī)交互界面人機(jī)交互界面主要因素是什么？造型顏色大小遠(yuǎn)近清晰度計(jì)算機(jī)UI中，把握好造型，顏色，大小——成功UI的開始！造型Demo1寥寥幾筆，先勾畫出造型，像什么。小提示：日本的很多小孩能惟妙惟肖地勾畫出機(jī)器貓的造型。造型Demo2網(wǎng)友評價：最簡潔，最有表現(xiàn)力的表情小提示：兔斯基QQ表情至今為止互聯(lián)網(wǎng)上最全的表情。。。造型Demo3
2、我們常用一個造型像什么來叫它的名字小提示：比如鳥巢。。。公司的大胖造型Demo4我們常用一個造型像什么來叫它的名字小提示：褲衩咋走？（三環(huán)央視大樓）造型Demo5我們常用一個造型像什么來叫它的名字小提示：迪拜的七星級帆船酒店UI造型Demo1QQ小巧的造型，像一個"通訊簿"。利用它，我們還可以與它對話。人機(jī)交互UI（UserInterface）用戶界面除了給用戶提供信息外，往往還有交互性。我們稱之為“人機(jī)對話”吧。UI造型Demo2音樂播放器（千千靜聽）的造型。包括“控制面板”，“播放列表”，“歌詞秀”。覺得它很酷，似乎聽起歌來都好聽些。
3、UI造型Demo3瀏覽器再怎么都會有像一個“地址欄”的造型。UI造型Demo4這個“地址欄”的造型?？雌饋砭拖窬W(wǎng)頁瀏覽器了。不管是Firefox還是chome，或者IE，最基本的造型是一定是不可缺少的。UI造型Demo5iphone的造型。思考and問題：造型是指某個東西看起來像什么，用一些基本線條，形狀勾畫出來。請描述一下iphone的基本造型。UI造型Demo6一個website，它有哪些造型？UI造型Demo7先觀察幾個網(wǎng)頁吧。。。UI造型Demo8先觀察幾個網(wǎng)頁吧。。。UI造型Demo9先觀察幾個網(wǎng)頁吧。。。UI之website造
4、型1LogoWebSite的基本造型有哪些？讓它看起來不像一份報紙？從“各種各樣”的UIdemo中不難發(fā)現(xiàn)有這些元素。UI之website造型2WebSite的基本造型有哪些？讓它看起來不像一份報紙？從“各種各樣”的UIdemo中不難發(fā)現(xiàn)有這些元素。MenuandNavigate（導(dǎo)航）UI之website造型3WebSite的基本造型有哪些？讓它看起來不像一份報紙？從“各種各樣”的UIdemo中不難發(fā)現(xiàn)有這些元素。ContentUI之website造型4WebSite的基本造型有哪些？讓它看起來不像一份報紙？從“各種各樣”的UIdemo
5、中不難發(fā)現(xiàn)有這些元素。CopyRight（bottom）竟然發(fā)現(xiàn)——Mtime還將造型，顏色等申請了產(chǎn)權(quán)保護(hù)！可見，這些要素很能影響心靈深處。UI之website造型總結(jié)LogoMenuandNavigate（導(dǎo)航）ContentCopyRight（bottom）答案原來太簡單了！真想拍你一板磚，這也要你說。。。。。。。等先，那我再多說一點(diǎn)，造型其實(shí)還可以內(nèi)套造型！設(shè)計(jì)網(wǎng)頁的思路一般是這樣，考慮到外部的造型，其次再考慮到內(nèi)部的造型。比如logo,menu,content...等再是什么造型。起個名字叫“造型漸進(jìn)”法。畫龍最后點(diǎn)睛一筆還是較
6、為簡單的，而畫輪廓，慢慢地勾畫出來很難。造型小結(jié)造型決定一個物體看起來像什么平時我們?nèi)绻?xì)致觀察，將一些基本的元素勾畫出來，深入人心，就是成功的造型。顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色的感覺分類顏色Demo1一葉知秋顏色Demo2黑白的老照片——時間的
7、久遠(yuǎn)顏色Demo3紅色海報——革命年代的熱情顏色Demo4偏重暗色——非主流的色調(diào)小提示：正常圖片暗色化，加入一些文字，這樣玩非主流。顏色Demo5犀利哥：低調(diào)的黑色內(nèi)衣深沉的藍(lán)色褲帶上有紅色的強(qiáng)調(diào)色當(dāng)然，造型也是關(guān)鍵。造型好的男人叫“型男”。顏色Demo6QQ校友色調(diào)——主打綠色，清新，親近網(wǎng)頁顏色搭配，一般不超3種顏色，主色，輔色，強(qiáng)調(diào)色。顏色理論這么多豐富多彩的顏色？ 做為設(shè)計(jì)師，如何調(diào)配它們？可見光譜三原色三次色十二次色環(huán)網(wǎng)頁顏色搭配傳統(tǒng)，高雅，優(yōu)雅網(wǎng)頁顏色搭配傳統(tǒng)，穩(wěn)重，古典延伸——WaysToTakeYourWebdesign
8、FromGoodToGreat保持微妙的顏色傾斜度延伸——WaysToTakeYourWebdesignFromGoodToGreat網(wǎng)格化延伸——WaysToTakeYourWebdesig
