版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
主要內(nèi)容Metro應用界面的設(shè)計理念與規(guī)范Metro應用界面icon圖標制作實戰(zhàn)學習重點:Metro應用界面的設(shè)計理念與規(guī)范形狀工具的使用怎么突出簡單的風格設(shè)計學習目標:熟練掌握形狀工具的使用掌握簡單的風格設(shè)計4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念“Metro
Ui”?“metro”字面是“地鐵”的意思,在微軟的 開發(fā)名稱為“
typography-baseddesign
language”(基于排版的設(shè)計語言)。Metro
UI是微軟的一種設(shè)計方案。該設(shè)計方案已用于移動操作系統(tǒng)Windows
Phone
7和Windows
8等多款微軟產(chǎn)品。2010年初( )獲得Metro
UI專利批準。4.4.1
Metro應用界面的設(shè)計理念與規(guī)范形成,被稱為“平面設(shè)計風格”,由于這種風格簡單明確,傳達功能準確,因此很流行于全世界,成為二戰(zhàn)后影響最大,國際最流行的設(shè)計風格,因此被稱為“國際主義平面設(shè)計風格”。1.設(shè)計理念源自 的設(shè)計風格(Metro之父)20世紀50年代期間,一種嶄新的平面設(shè)計風格在
德國與4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念真正的靈感來源于機場和地鐵的指示牌,碩大突兀的字體,能吸引讀者的注意力。4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念特征特效這個概念最的地方就是放棄一切裝飾效果,諸如陰影、、紋理、漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈俐落,沒有任何羽化、漸變或者陰影。4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念特征簡單元素通常采用許多簡單的用戶界面元素,諸如按鈕或者圖標之類。設(shè)計師們通常堅持使用簡單的外形(矩形或者圓形),并且盡量突出外形,這些元素一律為直角(極少的一些為圓角)。4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念特征專注排版由于使用特別簡單的元素,排版就成了很重要的一環(huán),排版好壞直接影響視覺效果,甚至可能間接影響用戶體驗。字體是排版中很重要的一部分,和其他元素相輔相成。4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念特征專注顏色配色貌似是最重要的一環(huán),通常采用比其他風格更明亮、炫麗的顏色。同時,配色還意味著
的色調(diào)。比如,其他設(shè)計最多只包含兩三種主要顏色,Metro平均使用六到八種。更傾向于使用單色調(diào),尤其是純色,并且不做任何淡化或柔化處理(最受歡迎的顏色是純色和二次色)。另外還有一些顏色也挺受歡迎,如復古色(淺橙、紫色、綠色、藍色等)。4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念特征最簡方案的整體設(shè)計中避免太多花哨的東西。簡單的顏色與文字就已足夠。如果要添加視覺效果,選擇簡單的圖像。4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念與蘋果的iOS、谷歌的Android的區(qū)別都是以應用為主要呈現(xiàn)對象,而Metro界面強調(diào)的是信息本身,而不是冗余的界面元素。突出產(chǎn)品
的內(nèi)容外,沒有
裝飾性的設(shè)計,在視覺效果方面,已在UI這有助于形成一種身臨其境的感覺。趨勢Metro
UI
這種扁平化和簡潔的設(shè)計正在成為新的趨勢,越來越多的上 這種設(shè)計路線。4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計理念4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計規(guī)范動態(tài)磁鐵設(shè)計尺寸4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計規(guī)范桌面的布局尺寸4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計規(guī)范內(nèi)頁的布局尺寸4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計規(guī)范行高4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計規(guī)范顏色4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計規(guī)范文字4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計規(guī)范圖標4.4.1
Metro應用界面的設(shè)計理念與規(guī)范1.設(shè)計規(guī)范按鈕4.4.2Metro應用界面icon圖標制作實戰(zhàn)4.4.2.1
用戶圖標案例制作步驟1:新建文檔,尺寸大小為:120*120像素。為一個磁鐵的大小,前景色設(shè)置為黑色。4.4.2Metro應用界面icon圖標制作實戰(zhàn)elete填充。4.4.2.1
用戶圖標案例制作步驟1:前景色設(shè)置為藍
值:#3387ea,快捷鍵:a4.4.2Metro應用界面icon圖標制作實戰(zhàn)4.4.2.1
用戶圖標案例制作步驟2:首先使用橢圓工作繪制一個小圓,大小:25*24像素,顏色填充為白色。。合并兩個圖層,步驟3:再繪制一個橢圓,大小:34*23像素。使兩個圓命名為“形狀1”4.4.2Metro應用界面icon圖標制作實戰(zhàn)4.4.2.1
用戶圖標案例制作步驟4:
圖層,排放形式如圖。命名為“形狀2”步驟5:選中形狀2圖層,按住ctrl鍵,鼠標點擊形狀1圖層建立選區(qū)。4.4.2Metro應用界面icon圖標制作實戰(zhàn)4.4.2.1
用戶圖標案例制作步驟6:按delete鍵刪除,移動形狀2圖層到合適的位置,如圖:步驟7:添加文字“用戶”。4.4.2Metro應用界面icon圖標制作實戰(zhàn)4.4.2.2
聊天圖標案例制作步驟1:新建文檔,尺寸大小為:120*120像素。為一個磁鐵的大小,前景色設(shè)置為黑色。4.4.2Metro應用界面icon圖標制作實戰(zhàn)4.4.2.2
聊天圖標案例制作步驟2:前景色設(shè)置為:#f9be3e,快捷鍵:a
elete填充。步驟3:使用多邊形工具,選擇聊天氣泡形狀,繪制圖形,大?。?3*42像素。4.4.2Metro應用界面icon圖標制作實戰(zhàn)4.4.2.2
聊天圖標案例制作步驟4:
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年個人借款借條范本編制標準2篇
- 山地生態(tài)旅游項目租賃合同二零二五年度版2篇
- 2025年度個人創(chuàng)業(yè)貸款合同示范文本7篇
- 2025年度臨建板房施工現(xiàn)場廢棄物處理與施工合同4篇
- 2025年度高端門面租賃及品牌推廣合作協(xié)議4篇
- 2025版美容院美容師顧客滿意度調(diào)查與改進合同4篇
- 二零二五版智能科技門面租賃合同電子版4篇
- 2025年度高速公路監(jiān)控弱電系統(tǒng)工程合同范本4篇
- 2025年度煤礦安全監(jiān)控系統(tǒng)安裝與維護服務合同4篇
- 2025材皮木糠生物質(zhì)顆粒生產(chǎn)合作協(xié)議3篇
- 2025年度版權(quán)授權(quán)協(xié)議:游戲角色形象設(shè)計與授權(quán)使用3篇
- 心肺復蘇課件2024
- 《城鎮(zhèn)燃氣領(lǐng)域重大隱患判定指導手冊》專題培訓
- 湖南財政經(jīng)濟學院專升本管理學真題
- 全國身份證前六位、區(qū)號、郵編-編碼大全
- 2024-2025學年福建省廈門市第一中學高一(上)適應性訓練物理試卷(10月)(含答案)
- 《零售學第二版教學》課件
- 廣東省珠海市香洲區(qū)2023-2024學年四年級下學期期末數(shù)學試卷
- 房地產(chǎn)行業(yè)職業(yè)生涯規(guī)劃
- 江蘇省建筑與裝飾工程計價定額(2014)電子表格版
- MOOC 數(shù)字電路與系統(tǒng)-大連理工大學 中國大學慕課答案
評論
0/150
提交評論