設計手機桌面 教學課件

設計手機桌面GRAPHICDESIGN01內(nèi)容概括

02情景導入03學習任務CONTENTES目錄情景導入Scenariointroductio01同學們，大家好，這節(jié)課，我們來學習一下手機桌面的設計。習慣了自帶的系統(tǒng)主題，你不會覺得生活中少了什么，但若換上了更符合心境和個性又兼具實用功能的主題，你一定會覺得手機使用起來更舒心。這就是手機主題設計師們一直的追求。下面就讓我們來看看一套手機主題桌面是如何設計出來的吧！情景導入01.內(nèi)容概括Scenariointroductio02z主題風格01.視覺效果良好的界面可以與用戶進行更好的交互，在手機產(chǎn)品不斷更新?lián)Q代的過程中，手機界面設計需要更多的創(chuàng)意和創(chuàng)新。而手機主題設計也就有了多樣的設計風格，那我們首先就要確定主題風格進行設計，目前呈現(xiàn)較多的有三種風格：扁平化：是一種極簡主義的美術設計風格。該設計手法通過簡單的圖形、字體和顏色組合，達到直接、簡潔的設計目的。如今從網(wǎng)頁到手機應用都大量使用扁平化設計風格z主題風格01.擬物化：是對真實事物的模仿，其視覺美感無與倫比，給人一種帶入感。它將實物的一些特性加入設計中，即使這些特性并不具有任何功能性需求，但是由于其特殊的3D質感，用戶有時仍會產(chǎn)生想“按”的沖動。然而，擬物化設計方式有時也會降低用戶體驗。z主題風格01.卡通化：是混合卡通風格、漫畫曲線、突發(fā)奇想并宣揚情趣生活的一種特殊設計手法。如融入簡潔、可愛的卡通植物、動物、人物造型等，整體感覺可愛、圓潤、柔和、易親近z設計步驟02.第一步是手機壁紙的的設計。手機壁紙是手機屏幕使用的背景圖片，你需要選用一種底色作為整個風格的主題色。并根據(jù)屏幕大小和分辨率作相應調(diào)整。根據(jù)手機尺寸主要分為單屏壁紙與劃屏壁紙（滾屏壁紙）

這里我們是單屏壁紙，選擇的一個綠色作為主題色。那么接下來就是根據(jù)這個主題色進行單色搭配，重復使用同樣的顏色搭配或多種顏色搭配，采用相同范圍內(nèi)的飽和度與明度，因為壁紙作為背景，所以可以設置的簡約一些，不用太復雜，主要用來襯托其他部件。

確認風格之后就是對手機主題桌面構成的逐一設計了，同學們是不是開始期待了呢！那么下面我們就通過一個扁平風格主題桌面來一下桌面是如何設計的吧！z設計步驟02.第二步就是手機鎖屏的設計。在手機待機狀態(tài)下，通常使用鎖屏壁紙對手機進行保護，一方面防止手機被非正常操作，另一方面可節(jié)約電池電量。我們進入手機界面首先就是解鎖手機鎖屏。同學們是習慣水紋滑動解鎖、圖案解鎖、指紋識別還是直接輸入密碼等方式解鎖自己的手機呢？那么選擇好就要根據(jù)主題風格和顏色進行設計了

這里還是選用主題色綠色偏暗的顏色設計一張叫簡約的底圖，將時間主要顯示于屏幕，這里就要根據(jù)你的整個風格確認字體。然后就是解鎖方式，這里設計的是一個水紋滑動解鎖，將滑動路徑設計到底圖圖案中，起到提示和美化的作用z設計步驟02.那么接下來就是應用圖標的設計了。每個圖標代表一個手機應用程序，用戶可以通過點擊應用圖標進入應用程序。而設計主題圖標的主要要點就是統(tǒng)一（風格、元素、色彩、形狀、光源、質材的統(tǒng)一）和創(chuàng)意這里都是以扁平風格的設計為主，還是以主題色為主進行單色搭配運用于設計，統(tǒng)一圓角矩形背板形狀和質感，增加圖標的相似性。每個應用圖標的功能都不同，所以為了增加圖標之間的辨識率，還需要根據(jù)應用的特性和功能增加一些創(chuàng)意的表現(xiàn)z設計步驟02.接下來就是一些手機小部件的設計。小部件是與手機本身軟硬件相結合的移動互聯(lián)網(wǎng)小應用，主要有天氣、時鐘、音樂等常用小部件。這些小部件交互設計的模式通常來源于生活，如時鐘的指針運動方式、天氣中風雨雷電的視覺效果等這里根據(jù)屏幕大小將各個部件區(qū)分為多個大小不一的小方塊將部件展現(xiàn)信息清晰的表現(xiàn)在屏幕中，各個方塊采用飽和和亮度不一的綠色作為底板，根據(jù)部件信息添加對應的元素進行設計z設計步驟02.最后就是整個樣式的排版過程了，以手機壁紙為背景，將應用圖標和手機部件按照屏幕尺寸進行排列，一個系列的主題手機桌面大致就完成了！z桌面完善和測試02.同學們，不要覺得設計出一種大概的主題界面就完成哦！一般而言，手機主題構成要素主要包含上面幾種，而手機功能也包含其他部件，如鬧鐘、日歷、計算機等，而這些界面的設計都是根據(jù)主題風格和特性進行設計，具有一定的共同性。我們也可以多設計幾套，經(jīng)過對比后選擇效果最好的。而

為了更好地觀察設計效果，可以采用矢量設計軟件來設計圖標，以方便對圖標進行放大與縮小。最后根據(jù)調(diào)整好的參數(shù)，執(zhí)行主題并觀察效果，然后對比例不協(xié)調(diào)、結構不統(tǒng)一的元素作適當調(diào)整和優(yōu)化。所以設計一整套的手機壁紙還有很多需要學習、注意的地方！學習任務Scenariointroductio03通過本次課學習，我們了解了手機桌面的各個風格以