電子商務(wù)視覺設(shè)計教案第8章手機移動端視覺設(shè)計

課題計Photoshop命令制作手機移動端微店視覺設(shè)計覺設(shè)計，自主學(xué)習(xí)法，任務(wù)驅(qū)動法，課堂教學(xué)等影儀第一節(jié)手機移動端電商網(wǎng)店視覺設(shè)計：手機移動端電商網(wǎng)店視覺設(shè)計認(rèn)知(一)手機移動端電商網(wǎng)店與PC端電商網(wǎng)店的區(qū)別促銷活動等信息，而手機移動端電商網(wǎng)店則要惜字如金，盡量使用最簡潔的文(二)手機移動端電商網(wǎng)店視覺設(shè)計優(yōu)勢22(三)手機移動端電商網(wǎng)店視覺設(shè)計要點學(xué)二：手機移動端電商網(wǎng)店首頁視覺設(shè)計(一)手機移動端電商網(wǎng)店首頁店招視覺設(shè)計機移動端電商網(wǎng)店店招時采用單一純色圖片，這樣的設(shè)計會使文字所傳達(dá)的信(二)手機移動端電商網(wǎng)店首頁焦點圖視覺設(shè)計叫輪播圖，和PC端電商網(wǎng)店首頁海報視覺設(shè)的首頁，也就是手機第一屏中可以被消費者快速看到的要展示產(chǎn)品和促銷活動等內(nèi)容，所以主題次要主次分明。在制作手機移動端電商網(wǎng)店首頁(三)手機移動端電商網(wǎng)店首頁優(yōu)惠券視覺設(shè)計用，是商家用于吸引消費者眼球，促進(jìn)消費者在通常情況下優(yōu)惠券被放置在手機移動端電商網(wǎng)店首頁(四)手機移動端電商網(wǎng)店首頁商品分類導(dǎo)航區(qū)視覺設(shè)計品分類導(dǎo)航區(qū)時，由于手機的屏幕限制，一(五)手機移動端電商網(wǎng)店首頁商品展示區(qū)視覺設(shè)計就是商品展示區(qū)。與PC端電商網(wǎng)店一樣，商品展局限，不能對商品進(jìn)行過多裝飾與美化，只能進(jìn)網(wǎng)店首頁視覺設(shè)計案例——時尚床品店鋪首頁中顏、位置，設(shè)置矩形對齊方式為“底對齊”和“水平形內(nèi)分別輸入優(yōu)惠券文本信息，將文本顏色設(shè)置為#ffffff文本。，將填充顏色設(shè)置為#5e5c5f，描矩形上輸入文本，將文本字體設(shè)置為黑體，文字顏色設(shè)fffftrlO。制作。覺設(shè)計計的思路和PC端電商網(wǎng)店詳情頁視覺設(shè)計的網(wǎng)店詳情頁時需要在借鑒PC端電商網(wǎng)店詳出現(xiàn)文字過密導(dǎo)致流量跳失(一)手機移動端電商網(wǎng)店詳情頁視覺設(shè)計規(guī)范FPNG總大小(文字+圖片+音頻)不能超過1.5MB。機移動端電商網(wǎng)店詳情頁中單張圖片尺寸的高度不大于960像素，寬度為480像素~620像素。頁中圍繞商品特點、產(chǎn)品特色和優(yōu)惠活動等添加sKB(二)手機移動端淘寶店鋪詳情頁視覺設(shè)計要素圍感六、新課教學(xué)五：手機端電商網(wǎng)店詳情頁視覺設(shè)計案例——索尼相機詳情頁入文本“出色畫質(zhì)精心呈現(xiàn)”，將文本字體設(shè)置為楷，文本字號設(shè)置為36點。按Ctrl+O組合鍵，插入“優(yōu)質(zhì)畫學(xué)過程進(jìn)行小結(jié)，指正學(xué)生在操。課題計Photoshop命令制作手機移動端微店視覺設(shè)計覺設(shè)計，自主學(xué)習(xí)法，任務(wù)驅(qū)動法，課堂教學(xué)等影儀二節(jié)手機移動端微店視覺設(shè)計手機移動端微店首頁視覺設(shè)計(一)手機移動端微店店招消費者眼簾的位置。與淘寶店鋪的店招相，首先要考慮想向消費者傳達(dá)什么樣的信息；其(二)手機移動端微店店鋪公告信息及服務(wù)內(nèi)容等信息是微店公告的眼或商品的重要信息，商家都可以意的是，文字必須清晰、簡潔，讓消費者一看就明白(三)手機移動端微店焦點大圖的，是動態(tài)的，因此焦點大圖容易引起(四)手機移動端微店導(dǎo)航分類行這部分設(shè)計時商家要遵循消費者的瀏覽習(xí)慣和購買習(xí)慣(五)手機移動端微店商品展示的是優(yōu)惠商品和上新爆款商品，是消費者最關(guān)店中大多數(shù)商品都符合消費者的品味微店詳情頁視覺設(shè)計(一)商品主圖視覺設(shè)計主圖視覺設(shè)計最為重要。這是因為消費者在瀏其基本尺寸要求是640像素×640像素。在品細(xì)節(jié)，主題與背景要主次分明，文案部和內(nèi)容簡潔明了，商品主圖美觀才能更吸引(二)商品描述圖視覺設(shè)計有限，商品描述圖的寬度優(yōu)點和賣點，還要求商品描述圖和商品主圖、商品標(biāo)題的風(fēng)格和文字內(nèi)容相符合，主圖或商品標(biāo)題不相符的情況，會立刻導(dǎo)致消費者失去同時還要考慮多圖少文的原則，文字大小要合適，顏色。(一)底部導(dǎo)航的主要作用：由于手機移動端微店的顯示依賴智能手機的尺寸，。在進(jìn)行底部導(dǎo)航設(shè)計時盡量少于5個底部導(dǎo)航塊，小，，做成滾動設(shè)計的確是解決小屏小，但這種方法卻不適合微店底部導(dǎo)航設(shè)計，因為即使消費者看看到全部標(biāo)簽。最后，要讓消費當(dāng)前所處的位置。素的文件。的“矩形選框工具”，在文件頂端繪制一個640像素步驟4：執(zhí)行“文件”→“打開”命令，打開資源庫素材文件中的“春節(jié)元素”復(fù)制到紅色背景上進(jìn)行裝飾，將圖層模式55，將填充顏色設(shè)置為#a90606，描邊個大小相同的矩形，依次排開，合并圖層后為矩形添