（中職）走進(jìn)數(shù)字媒體1.4任務(wù)三 《手機(jī)QQ登錄界面》教學(xué)課件

1、正版可修改PPT課件（中職）走進(jìn)數(shù)字媒體1.4任務(wù)三 手機(jī)QQ登錄界面教學(xué)課件 任務(wù)三 手機(jī)QQ登錄界面任務(wù)情境 手機(jī)QQ為了更好的服務(wù)于用戶，近期將對(duì)手機(jī)APP進(jìn)行優(yōu)化更新，在登錄界面上也需要進(jìn)一步修改，以更好的形象展示在用戶的手中，因此在設(shè)計(jì)部門的你接到了設(shè)計(jì)任務(wù)，在原有的基礎(chǔ)上進(jìn)行優(yōu)化。 任務(wù)分析用戶界面是用戶和設(shè)備溝通的媒介，為了讓用戶有更好的體驗(yàn)效果，需要不斷的優(yōu)化，讓用戶得到最佳的體驗(yàn)效果。手機(jī)QQ界面也是在不斷的更新優(yōu)化，需要對(duì)前期的界面有一個(gè)了解，以及用戶的體驗(yàn)反饋進(jìn)行分析，才能確定本次優(yōu)化的方向，因此此次設(shè)計(jì)任務(wù)需要更多的去參與體驗(yàn)和分析，才能有新的方案。任務(wù)實(shí)施 手機(jī)QQ登

2、錄界面制作制作采用Photoshop CS5來(lái)完成設(shè)計(jì)與制作，主要用到了軟件的色彩修飾和排版功能。1.打開Photoshop CS5，創(chuàng)建寬和高600像素1000像素，分辨率200像素/英寸，RGB模式，并調(diào)整為橫版，其他保持默認(rèn)的文件。任務(wù)實(shí)施 2.設(shè)置前景色為淺藍(lán)色，背景色深藍(lán)色，利用漸變工具填充背景。任務(wù)實(shí)施 3. 繪制界面的注冊(cè)賬號(hào)按鈕部分，圓角矩形選區(qū)，漸變填充，并進(jìn)行斜面浮雕和投影的混合效果,利用相同的方法完成登錄框的繪制效果。任務(wù)實(shí)施 4.利用文本工具輸入文本，密碼、賬號(hào)、登錄等文字。任務(wù)實(shí)施 5.導(dǎo)入圖片素材，利用選區(qū)等工具進(jìn)行剪切，并調(diào)整到合適的大小和位置。任務(wù)實(shí)施 6.將圖

3、片素材添加投影等效果。7.整體調(diào)整，保存“界面”PSD，導(dǎo)出JPEG格式后，效果如圖。相關(guān)知識(shí) 界面設(shè)計(jì)分類基本知識(shí)1.以功能實(shí)現(xiàn)為基礎(chǔ)的界面設(shè)計(jì)。交互設(shè)計(jì)界面最基本的性能是具有功能性與使用性，通過界面設(shè)計(jì)，讓用戶明白功能操作，并將作品本身的信息更加順暢的傳遞給使用者，即用戶，是功能界面存在的基礎(chǔ)與價(jià)值，但由于用戶的知識(shí)水平和文化背景具有差異性，因此界面應(yīng)以更國(guó)際化，客觀化的體現(xiàn)作品本身的信息。相關(guān)知識(shí) 2.以情感表達(dá)為重點(diǎn)的界面設(shè)計(jì)。通過界面給用戶一種情感傳遞，是設(shè)計(jì)的真正藝術(shù)魅力所在。用戶在接觸作品時(shí)的感受，使人產(chǎn)生感情共鳴，利用情感表達(dá)，切實(shí)的反應(yīng)出作品與用戶之間的情感關(guān)系。當(dāng)然，情感的

4、信息傳遞存在著確定性與不確定性的統(tǒng)一。因此，我們更加強(qiáng)調(diào)的是用戶在接觸作品時(shí)的情感體驗(yàn)。3.以環(huán)境因素為前提的界面設(shè)計(jì)。任何一部互動(dòng)設(shè)計(jì)作品都無(wú)法脫離環(huán)境而存在，周邊環(huán)境對(duì)設(shè)計(jì)作品的信息傳遞有著特殊的影響。包括作品自身的歷史、文化、科技等諸多方面的特點(diǎn)，因此營(yíng)造界面的環(huán)境氛圍是不可忽視的一項(xiàng)設(shè)計(jì)工作，這和我們看電影時(shí)需要關(guān)燈是一個(gè)道理。相關(guān)知識(shí) 界面設(shè)計(jì)原則1.一致性原則:在界面設(shè)計(jì)中，一致性原則通常包含窗體大小、形狀、色彩的一致性，文本框、命令按鈕等界面元素外觀的一致性，界面中出現(xiàn)術(shù)語(yǔ)的一致性等。一致性原則在設(shè)計(jì)中最容易違背，同時(shí)也最容易修改和避免。 缺乏一致性使得界面混亂而無(wú)序，這樣的界面

5、會(huì)使應(yīng)用程序看起來(lái)混亂而不嚴(yán)密，會(huì)給用戶的使用帶來(lái)不便，甚至使用戶覺得應(yīng)用程序不夠安全可靠。相關(guān)知識(shí) 2.易用性原則: 提供常用操作的快捷方式，根據(jù)常用操作的使用頻度大小，減少操作序列的長(zhǎng)度。對(duì)于相對(duì)獨(dú)立的操作序列，一般應(yīng)提供回退、中途放棄等功能，讓用戶感覺到操作合理，具有親切感。3.容錯(cuò)原則: 界面要有容錯(cuò)能力。當(dāng)用戶出現(xiàn)錄入錯(cuò)誤或命令錯(cuò)誤時(shí)，系統(tǒng)應(yīng)盡量準(zhǔn)確地檢測(cè)出錯(cuò)誤發(fā)生的位置，報(bào)告出錯(cuò)誤發(fā)生的性質(zhì) ，提供簡(jiǎn)單和容易理解的錯(cuò)誤處理結(jié)果或提示給用戶一個(gè)修正參考，保證用戶操作的連續(xù)性。知識(shí)鏈接 以易操作性保證讀者。交互作品的界面設(shè)計(jì)采用超媒體鏈接技術(shù)，將文字、圖形、圖像、聲音、動(dòng)畫等媒介要素，進(jìn)行編排，使之成為一個(gè)連貫的整體，呈現(xiàn)在一個(gè)復(fù)雜的交互系統(tǒng)中。界面反映的是信息的總和而并非單一的信息，倘若在提示、菜單和幫助產(chǎn)生相同術(shù)語(yǔ)，在不同的應(yīng)用系統(tǒng)中應(yīng)具有相似的界面外觀、布局、交互方式及信息顯示、界面設(shè)計(jì)要保持風(fēng)格的一致性3。用戶便可以根據(jù)自己的認(rèn)知經(jīng)驗(yàn)，明白功能操作通過界面上的視覺暗示正確選擇內(nèi)容，在任何地點(diǎn)都能回到主界面或退出整個(gè)多媒體作品，因此每個(gè)操作對(duì)用戶來(lái)說(shuō)應(yīng)是符合邏輯的用戶能夠較容易了解它要表達(dá)的信息與情感。經(jīng)驗(yàn)分享界面設(shè)計(jì)中控件設(shè)計(jì)功能需要更多人性化：1.控件的位置拖放安排。2.控