移動(dòng)平臺(tái)UI交互設(shè)計(jì)與開發(fā)第4章photosho課件

第4章photoshop——手機(jī)鎖屏界面設(shè)計(jì)移動(dòng)平臺(tái)UI交互設(shè)計(jì)與開發(fā)第4章photoshop——手機(jī)鎖屏界面設(shè)計(jì)移動(dòng)平臺(tái)UI交互知識(shí)技能目標(biāo)：※了解手機(jī)鎖屏界面設(shè)計(jì)原則※掌握使用photoshop工具設(shè)計(jì)手機(jī)鎖屏界面的思路※完成可愛小黃鴨手機(jī)鎖屏界面※完成魔幻方塊手機(jī)鎖屏界面※完成幸福有點(diǎn)萌手機(jī)鎖屏界面※完成甜蜜戀人手機(jī)鎖屏界面知識(shí)技能目標(biāo)：目錄：4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)4.2手機(jī)鎖屏界面全真項(xiàng)目賞析4.3可愛小黃鴨鎖屏界面設(shè)計(jì)4.4魔幻方塊鎖屏界面設(shè)計(jì)4.5幸福有點(diǎn)萌鎖屏界面設(shè)計(jì)4.6甜蜜戀人鎖屏界面設(shè)計(jì)4.7知識(shí)與技能梳理目錄：4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)

目前大多數(shù)手機(jī)鎖屏界面除了可以改變鎖屏界面的壁紙、解鎖方式，已有的鎖屏應(yīng)用大多數(shù)是圍繞與變換各種滑屏解鎖的視覺表現(xiàn)形式而展開設(shè)計(jì)。而作為人機(jī)交互的第一道關(guān)口，鎖屏界面的設(shè)計(jì)已不僅僅只是華麗或簡(jiǎn)單的風(fēng)格配上簡(jiǎn)單的解鎖。

一般來說，鎖屏分為三種形態(tài)：原始狀態(tài)、充電狀態(tài)以及觸發(fā)狀態(tài)。彼此之間的關(guān)系網(wǎng)如圖所示：

4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)目前大多數(shù)手機(jī)鎖4.1.1手機(jī)鎖屏界面設(shè)計(jì)標(biāo)準(zhǔn)設(shè)計(jì)鎖屏界面時(shí)設(shè)計(jì)者的首先考慮因素都是以人為本。其主要具有如下特性：1、交互性：信息傳遞準(zhǔn)確，手機(jī)鎖屏界面操作手感舒適。2、藝術(shù)性：強(qiáng)烈的視覺效果，鮮明、生動(dòng)。3、創(chuàng)意性：界面中展現(xiàn)出眾的想象力，獨(dú)創(chuàng)性，能夠引起用戶的心靈共鳴。4、可用性：是否能在一般性的智能手機(jī)上運(yùn)行順暢。4.1.1手機(jī)鎖屏界面設(shè)計(jì)標(biāo)準(zhǔn)設(shè)計(jì)鎖屏界面時(shí)4.1.2手機(jī)鎖屏界面可用性原則手機(jī)鎖屏界面的可用性原則：1、盡量避免不要讓用戶覺得這個(gè)界面是為了設(shè)計(jì)而設(shè)計(jì)，減少其操作的等待感。2、每一個(gè)鎖屏動(dòng)畫界面都應(yīng)有其所在的意義，切勿為了追求華麗視覺而一味的添加一些不必要的效果。3、要求在一般性的智能手機(jī)上運(yùn)行順暢。4.1.2手機(jī)鎖屏界面可用性原則手機(jī)鎖屏界面的4.1.3手機(jī)鎖屏界面的情感化設(shè)計(jì)產(chǎn)品設(shè)計(jì)中的趣味性、愉悅度，這些都是針對(duì)用戶情感化設(shè)計(jì)的領(lǐng)域功能，它們很重要，一個(gè)主題缺少了情感的作用，很難產(chǎn)生一些東西，像：快樂、愉悅、悲傷、美花、大?！ぁぁみ@些都是很普通的名詞，但將它們富有詩意的組合在一起，就會(huì)讓用戶有不同的感覺。交互設(shè)計(jì)的本質(zhì)是對(duì)用戶行為的一種設(shè)計(jì)，直達(dá)內(nèi)心的設(shè)計(jì)能夠影響用戶自身的情感，從而導(dǎo)致用戶的行為。因而界面設(shè)計(jì)之初設(shè)計(jì)者首要考慮的不僅僅是用戶，而是對(duì)自身理性的考量，如圖所示，傳達(dá)了一種心心相印的情感元素。4.1.3手機(jī)鎖屏界面的情感化設(shè)計(jì)產(chǎn)品設(shè)計(jì)中4.2手機(jī)鎖屏界面全真項(xiàng)目賞析4.2手機(jī)鎖屏界面全真項(xiàng)目賞析4.2手機(jī)鎖屏界面全真項(xiàng)目賞析

Iphone手機(jī)鎖屏界面最常見的一種，配合一張個(gè)性的DIY壁紙圖片，簡(jiǎn)約而明了，其風(fēng)格不繁瑣，也不會(huì)帶來操作上的等待感，較為實(shí)用，如圖所示。4.2手機(jī)鎖屏界面全真項(xiàng)目賞析Iphone手機(jī)鎖屏千機(jī)解鎖是一款個(gè)性、有趣的解鎖軟件，同時(shí)包含通過它，可以隨意更換解鎖界面，擺脫以往千遍一律、索然無趣的屏幕解鎖，擁有真正屬于自己的解鎖風(fēng)格。如圖分別為解紐扣、蘿莉女仆、兩情相悅主題的解鎖界面：4.2手機(jī)鎖屏界面全真項(xiàng)目賞析千機(jī)解鎖是一款個(gè)性、有趣的解鎖軟件，同時(shí)包含通過它，4.3可愛小黃鴨鎖屏界面4.3可愛小黃鴨鎖屏界面4.3可愛小黃鴨鎖屏界面設(shè)計(jì)項(xiàng)目創(chuàng)設(shè)

近年來，手機(jī)的人機(jī)交互界面（UI）給手機(jī)市場(chǎng)提供新的賣點(diǎn)，被認(rèn)為是新的產(chǎn)業(yè)動(dòng)力。而視覺作為人機(jī)交互的第一步，因而無論是華麗還是簡(jiǎn)潔的風(fēng)格，都力求足夠吸引人眼球。設(shè)計(jì)思路

在設(shè)計(jì)比較大型項(xiàng)目時(shí)，為了更好地管理和操作多而繁瑣的圖層，就需要讀者更好并熟練地掌握利用“組”來對(duì)圖層進(jìn)行管理。本案例使用毛線球從左邊滾動(dòng)到右邊籃子中實(shí)現(xiàn)界面的解鎖功能。4.3可愛小黃鴨鎖屏界面設(shè)計(jì)項(xiàng)目創(chuàng)設(shè)4.4魔幻方塊鎖屏界面4.4魔幻方塊鎖屏界面4.4魔幻方塊鎖屏界面設(shè)計(jì)項(xiàng)目創(chuàng)設(shè)隨著信息技術(shù)的不斷發(fā)展，手機(jī)已經(jīng)成為人們手中不可或缺的電子產(chǎn)品，每個(gè)人的手機(jī)里也都會(huì)存儲(chǔ)一些重要信息，而鎖屏界面作為人機(jī)交互的第一道關(guān)口，對(duì)手機(jī)里面的信息起到很好的保護(hù)作用。同時(shí)富有創(chuàng)意的屏幕解鎖會(huì)給用戶帶來很多別樣的樂趣。設(shè)計(jì)思路案例主要采用圖層樣式、漸變工具、自定形狀工具以及一些不透明度的調(diào)整來設(shè)計(jì)界面。本案例使用從左到右滑動(dòng)小鎖方式實(shí)現(xiàn)解鎖功能。4.4魔幻方塊鎖屏界面設(shè)計(jì)項(xiàng)目創(chuàng)設(shè)4.5幸福有點(diǎn)萌鎖屏界面4.5幸福有點(diǎn)萌鎖屏界面4.5手機(jī)解鎖界面制作——幸福有點(diǎn)萌項(xiàng)目創(chuàng)設(shè)

隨著手機(jī)行業(yè)的快速發(fā)展，手機(jī)UI界面越來越受人們的重視，對(duì)于女性用戶，設(shè)計(jì)者在設(shè)計(jì)時(shí)應(yīng)追求可愛、溫暖、幸福的視覺效果，并由此來表現(xiàn)主題，使人與手機(jī)界面更加和諧。設(shè)計(jì)思路

案例主要使用PHOTOSHOP中的圖層操作、圖層樣式的設(shè)置、鋼筆工具、文字工具和動(dòng)畫效果的創(chuàng)建來設(shè)計(jì)一款個(gè)性化鎖屏界面。采用三個(gè)背景圖層的轉(zhuǎn)場(chǎng)特效以及一系列小動(dòng)畫效果的綜合設(shè)計(jì)實(shí)現(xiàn)解鎖功能。4.5手機(jī)解鎖界面制作——幸福有點(diǎn)萌項(xiàng)目創(chuàng)設(shè)4.6甜蜜戀人鎖屏界面4.6甜蜜戀人鎖屏界面4.6手機(jī)解鎖界面制作——甜蜜戀人項(xiàng)目創(chuàng)設(shè)“甜蜜戀人”手機(jī)解鎖界面通過一對(duì)戀人奔跑最后相擁在一起而實(shí)現(xiàn)解鎖功能，表現(xiàn)出情侶溫馨和甜蜜的氣息，此款手機(jī)解鎖界面體現(xiàn)了女性天生浪漫和甜蜜的感覺，適合女性用戶。設(shè)計(jì)思路案例使用PHOTOSHOP中的圖層操作、圖層樣式的混合使用、鋼筆工具、文字工具和動(dòng)畫效果的創(chuàng)建來設(shè)計(jì)完成。采用幸福戀人奔跑到最后相擁一系列小動(dòng)畫效果的綜合設(shè)計(jì)來完成解鎖功能。4.6手機(jī)解鎖界面制作——甜蜜戀人項(xiàng)目創(chuàng)設(shè)4.7知識(shí)與技能梳理4.7知識(shí)與技能梳理利用Photoshop來制作手機(jī)鎖屏界面相對(duì)于制作手機(jī)圖標(biāo)和主題較為復(fù)雜，所以在繪制之前首先要研究客戶群、確定解鎖方式，然后做好整體的構(gòu)思和創(chuàng)意，運(yùn)用“動(dòng)畫”特征來設(shè)計(jì)好與用戶之間的交互方式。

重要工具：矢量圖形工具、鉛筆工具、選擇工具、變形工具、文字工具、自定形狀工具、鋼筆工具和屬性面板等。

核心技術(shù)：通過已有素材，綜合運(yùn)用選擇、鋼筆、移動(dòng)、自由變換、復(fù)制和屬性設(shè)置、圖層面板操作、動(dòng)畫（幀）的設(shè)置等制作手機(jī)鎖屏界面。利用Photoshop來制作手機(jī)鎖屏界面相對(duì)于1、使用“描邊”圖層樣式可以為圖像邊緣添加顏色、漸變或圖案輪廓描邊，而執(zhí)行“編輯”菜單中的“描邊”命令智能為圖像邊緣添加顏色描邊。2、按快捷鍵Alt+Delete，可以為選去或畫布填充前景色，按快捷鍵Ctrl+Delete，可以為選區(qū)填充背景色。3、無論是圖像、圖形還是路徑，只要保證處于選中狀態(tài)，按住Alt鍵拖動(dòng)鼠標(biāo)就可以完成復(fù)制操作。4、在Photoshop中繪制動(dòng)畫幀序列時(shí)，需要熟練掌握并學(xué)會(huì)利用組來對(duì)圖層進(jìn)行更好的管理。實(shí)際應(yīng)用：卡通、浪漫、商務(wù)、中性等類型的智能手機(jī)鎖屏界面的制作。1、使用“描邊”圖層樣式可以為圖像邊緣添加顏色實(shí)訓(xùn)3一、實(shí)訓(xùn)目的1、鞏固讀者對(duì)于手機(jī)鎖屏界面設(shè)計(jì)的學(xué)習(xí)，熟練掌握本階段所學(xué)Photoshop工具；2、通過實(shí)訓(xùn)，讓讀者運(yùn)用Photoshop軟件自己制作手機(jī)鎖屏界面，領(lǐng)悟手機(jī)鎖屏界面制作的方法和設(shè)計(jì)的感覺；3、在實(shí)訓(xùn)過程中，讀者可加入自己的想法和創(chuàng)意。想要設(shè)計(jì)出一套優(yōu)秀的手機(jī)鎖屏界面，不僅要具有嫻熟的操作技藝，更要具備創(chuàng)新精神和獨(dú)特的審美能力。實(shí)訓(xùn)3一、實(shí)訓(xùn)目的二、實(shí)訓(xùn)內(nèi)容 1、幸福的四葉草2、Iphone4s鎖屏界面參考4.3、4.4、4.5、4.6節(jié)所學(xué)內(nèi)容制作“幸福的四葉草”和“Iphone4s鎖屏界面”手機(jī)鎖屏界面。要點(diǎn)提示：熟練掌握基本圖層處理工具；掌握對(duì)于素材的導(dǎo)入及后期對(duì)其的一些處理；利用畫筆工具或是減淡工具對(duì)界面進(jìn)行模糊處理；熟悉對(duì)于文字工具的使用；最后是對(duì)鎖屏界面動(dòng)畫的制作。【素材所在位置】 光盤/實(shí)訓(xùn)素材/實(shí)訓(xùn)三/幸福的四葉草光盤/實(shí)訓(xùn)素材/實(shí)訓(xùn)三/Iphone4s鎖屏界面實(shí)訓(xùn)3二、實(shí)訓(xùn)內(nèi)容 實(shí)訓(xùn)3三、最終效果幸福的四葉草Iphone4s鎖屏界面實(shí)訓(xùn)3三、最終效果幸福的四葉草Iphone4s鎖屏界面實(shí)訓(xùn)3期待你的創(chuàng)意設(shè)計(jì)期待你的創(chuàng)意設(shè)計(jì)第4章photoshop——手機(jī)鎖屏界面設(shè)計(jì)移動(dòng)平臺(tái)UI交互設(shè)計(jì)與開發(fā)第4章photoshop——手機(jī)鎖屏界面設(shè)計(jì)移動(dòng)平臺(tái)UI交互知識(shí)技能目標(biāo)：※了解手機(jī)鎖屏界面設(shè)計(jì)原則※掌握使用photoshop工具設(shè)計(jì)手機(jī)鎖屏界面的思路※完成可愛小黃鴨手機(jī)鎖屏界面※完成魔幻方塊手機(jī)鎖屏界面※完成幸福有點(diǎn)萌手機(jī)鎖屏界面※完成甜蜜戀人手機(jī)鎖屏界面知識(shí)技能目標(biāo)：目錄：4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)4.2手機(jī)鎖屏界面全真項(xiàng)目賞析4.3可愛小黃鴨鎖屏界面設(shè)計(jì)4.4魔幻方塊鎖屏界面設(shè)計(jì)4.5幸福有點(diǎn)萌鎖屏界面設(shè)計(jì)4.6甜蜜戀人鎖屏界面設(shè)計(jì)4.7知識(shí)與技能梳理目錄：4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)

目前大多數(shù)手機(jī)鎖屏界面除了可以改變鎖屏界面的壁紙、解鎖方式，已有的鎖屏應(yīng)用大多數(shù)是圍繞與變換各種滑屏解鎖的視覺表現(xiàn)形式而展開設(shè)計(jì)。而作為人機(jī)交互的第一道關(guān)口，鎖屏界面的設(shè)計(jì)已不僅僅只是華麗或簡(jiǎn)單的風(fēng)格配上簡(jiǎn)單的解鎖。

一般來說，鎖屏分為三種形態(tài)：原始狀態(tài)、充電狀態(tài)以及觸發(fā)狀態(tài)。彼此之間的關(guān)系網(wǎng)如圖所示：

4.1手機(jī)鎖屏界面的基礎(chǔ)知識(shí)目前大多數(shù)手機(jī)鎖4.1.1手機(jī)鎖屏界面設(shè)計(jì)標(biāo)準(zhǔn)設(shè)計(jì)鎖屏界面時(shí)設(shè)計(jì)者的首先考慮因素都是以人為本。其主要具有如下特性：1、交互性：信息傳遞準(zhǔn)確，手機(jī)鎖屏界面操作手感舒適。2、藝術(shù)性：強(qiáng)烈的視覺效果，鮮明、生動(dòng)。3、創(chuàng)意性：界面中展現(xiàn)出眾的想象力，獨(dú)創(chuàng)性，能夠引起用戶的心靈共鳴。4、可用性：是否能在一般性的智能手機(jī)上運(yùn)行順暢。4.1.1手機(jī)鎖屏界面設(shè)計(jì)標(biāo)準(zhǔn)設(shè)計(jì)鎖屏界面時(shí)4.1.2手機(jī)鎖屏界面可用性原則手機(jī)鎖屏界面的可用性原則：1、盡量避免不要讓用戶覺得這個(gè)界面是為了設(shè)計(jì)而設(shè)計(jì)，減少其操作的等待感。2、每一個(gè)鎖屏動(dòng)畫界面都應(yīng)有其所在的意義，切勿為了追求華麗視覺而一味的添加一些不必要的效果。3、要求在一般性的智能手機(jī)上運(yùn)行順暢。4.1.2手機(jī)鎖屏界面可用性原則手機(jī)鎖屏界面的4.1.3手機(jī)鎖屏界面的情感化設(shè)計(jì)產(chǎn)品設(shè)計(jì)中的趣味性、愉悅度，這些都是針對(duì)用戶情感化設(shè)計(jì)的領(lǐng)域功能，它們很重要，一個(gè)主題缺少了情感的作用，很難產(chǎn)生一些東西，像：快樂、愉悅、悲傷、美花、大?！ぁぁみ@些都是很普通的名詞，但將它們富有詩意的組合在一起，就會(huì)讓用戶有不同的感覺。交互設(shè)計(jì)的本質(zhì)是對(duì)用戶行為的一種設(shè)計(jì)，直達(dá)內(nèi)心的設(shè)計(jì)能夠影響用戶自身的情感，從而導(dǎo)致用戶的行為。因而界面設(shè)計(jì)之初設(shè)計(jì)者首要考慮的不僅僅是用戶，而是對(duì)自身理性的考量，如圖所示，傳達(dá)了一種心心相印的情感元素。4.1.3手機(jī)鎖屏界面的情感化設(shè)計(jì)產(chǎn)品設(shè)計(jì)中4.2手機(jī)鎖屏界面全真項(xiàng)目賞析4.2手機(jī)鎖屏界面全真項(xiàng)目賞析4.2手機(jī)鎖屏界面全真項(xiàng)目賞析

Iphone手機(jī)鎖屏界面最常見的一種，配合一張個(gè)性的DIY壁紙圖片，簡(jiǎn)約而明了，其風(fēng)格不繁瑣，也不會(huì)帶來操作上的等待感，較為實(shí)用，如圖所示。4.2手機(jī)鎖屏界面全真項(xiàng)目賞析Iphone手機(jī)鎖屏千機(jī)解鎖是一款個(gè)性、有趣的解鎖軟件，同時(shí)包含通過它，可以隨意更換解鎖界面，擺脫以往千遍一律、索然無趣的屏幕解鎖，擁有真正屬于自己的解鎖風(fēng)格。如圖分別為解紐扣、蘿莉女仆、兩情相悅主題的解鎖界面：4.2手機(jī)鎖屏界面全真項(xiàng)目賞析千機(jī)解鎖是一款個(gè)性、有趣的解鎖軟件，同時(shí)包含通過它，4.3可愛小黃鴨鎖屏界面4.3可愛小黃鴨鎖屏界面4.3可愛小黃鴨鎖屏界面設(shè)計(jì)項(xiàng)目創(chuàng)設(shè)

近年來，手機(jī)的人機(jī)交互界面（UI）給手機(jī)市場(chǎng)提供新的賣點(diǎn)，被認(rèn)為是新的產(chǎn)業(yè)動(dòng)力。而視覺作為人機(jī)交互的第一步，因而無論是華麗還是簡(jiǎn)潔的風(fēng)格，都力求足夠吸引人眼球。設(shè)計(jì)思路

在設(shè)計(jì)比較大型項(xiàng)目時(shí)，為了更好地管理和操作多而繁瑣的圖層，就需要讀者更好并熟練地掌握利用“組”來對(duì)圖層進(jìn)行管理。本案例使用毛線球從左邊滾動(dòng)到右邊籃子中實(shí)現(xiàn)界面的解鎖功能。4.3可愛小黃鴨鎖屏界面設(shè)計(jì)項(xiàng)目創(chuàng)設(shè)4.4魔幻方塊鎖屏界面4.4魔幻方塊鎖屏界面4.4魔幻方塊鎖屏界面設(shè)計(jì)項(xiàng)目創(chuàng)設(shè)隨著信息技術(shù)的不斷發(fā)展，手機(jī)已經(jīng)成為人們手中不可或缺的電子產(chǎn)品，每個(gè)人的手機(jī)里也都會(huì)存儲(chǔ)一些重要信息，而鎖屏界面作為人機(jī)交互的第一道關(guān)口，對(duì)手機(jī)里面的信息起到很好的保護(hù)作用。同時(shí)富有創(chuàng)意的屏幕解鎖會(huì)給用戶帶來很多別樣的樂趣。設(shè)計(jì)思路案例主要采用圖層樣式、漸變工具、自定形狀工具以及一些不透明度的調(diào)整來設(shè)計(jì)界面。本案例使用從左到右滑動(dòng)小鎖方式實(shí)現(xiàn)解鎖功能。4.4魔幻方塊鎖屏界面設(shè)計(jì)項(xiàng)目創(chuàng)設(shè)4.5幸福有點(diǎn)萌鎖屏界面4.5幸福有點(diǎn)萌鎖屏界面4.5手機(jī)解鎖界面制作——幸福有點(diǎn)萌項(xiàng)目創(chuàng)設(shè)

隨著手機(jī)行業(yè)的快速發(fā)展，手機(jī)UI界面越來越受人們的重視，對(duì)于女性用戶，設(shè)計(jì)者在設(shè)計(jì)時(shí)應(yīng)追求可愛、溫暖、幸福的視覺效果，并由此來表現(xiàn)主題，使人與手機(jī)界面更加和諧。設(shè)計(jì)思路

案例主要使用PHOTOSHOP中的圖層操作、圖層樣式的設(shè)置、鋼筆工具、文字工具和動(dòng)畫效果的創(chuàng)建來設(shè)計(jì)一款個(gè)性化鎖屏界面。采用三個(gè)背景圖層的轉(zhuǎn)場(chǎng)特效以及一系列小動(dòng)畫效果的綜合設(shè)計(jì)實(shí)現(xiàn)解鎖功能。4.5手機(jī)解鎖界面制作——幸福有點(diǎn)萌項(xiàng)目創(chuàng)設(shè)4.6甜蜜戀人鎖屏界面4.6甜蜜戀人鎖屏界面4.6手機(jī)解鎖界面制作——甜蜜戀人項(xiàng)目創(chuàng)設(shè)“甜蜜戀人”手機(jī)解鎖界面通過一對(duì)戀人奔跑最后相擁在一起而實(shí)現(xiàn)解鎖功能，表現(xiàn)出情侶溫馨和甜蜜的氣息，此款手機(jī)解鎖界面體現(xiàn)了女性天生浪漫和甜蜜的感覺，適合女性用戶。設(shè)計(jì)思路案例使用PHOTOSHOP中的圖層操作、圖層樣式的混合使用、鋼筆工具、文字工具和動(dòng)畫效果的創(chuàng)建來設(shè)計(jì)完成。采用幸福戀人奔跑到最后相擁一系列小動(dòng)畫效果的綜合設(shè)計(jì)來完成解鎖功能。4.6手機(jī)解鎖界面制作——甜蜜戀人項(xiàng)目創(chuàng)設(shè)4.7知識(shí)與技能梳理4.7知識(shí)與技能梳理利用Photoshop來制作手機(jī)鎖屏界面相對(duì)于制作手機(jī)圖標(biāo)和主題較為復(fù)雜，所以在繪制之前首先要研究客戶群、確定解鎖方式，然后做好整體的構(gòu)思和創(chuàng)意，運(yùn)用“動(dòng)畫”特征來設(shè)計(jì)好與用戶之間的交互方式。

重要工具：矢量圖形工具、鉛筆工具、選擇工具、變形工具、文字工具、自定形狀工具、鋼筆工具和屬性面板等。

核心技術(shù)：通過已有素材，綜合運(yùn)用選擇、鋼筆、移動(dòng)、自由變換、復(fù)制和屬性設(shè)置、圖層面板操作、動(dòng)畫（幀）的設(shè)置等制作手機(jī)鎖屏界面。利用Photoshop來制作手機(jī)鎖屏界面相對(duì)于1、使用“描邊”圖層樣式可以為圖像邊緣添加顏色、漸變或圖案輪廓描邊，而執(zhí)行“編輯”菜單中的“描邊”命令智能為圖像邊緣添加顏色描邊。2、按快捷鍵Alt+Delete，可以為選去或畫布填充前景色，按快捷鍵Ctrl+Delete，可以為選區(qū)填充背景色。