上傳人：大***

認(rèn)證信息

認(rèn)證類(lèi)型：個(gè)人認(rèn)證

認(rèn)證主體：任**（實(shí)名認(rèn)證）

IP屬地：安徽

IP屬地：安徽 上傳時(shí)間：2023-05-13 格式：PPTX 頁(yè)數(shù)：34 大小：7.64MB 積分：20 舉報(bào) 版權(quán)申訴

移動(dòng)商務(wù)視覺(jué)設(shè)計(jì)1移動(dòng)界面圖文排版——網(wǎng)店類(lèi)2移動(dòng)界面圖文排版——新聞?lì)惸夸?/p>

CONTENTS目錄

CONTENTS1新聞?lì)愰喿xAPP2在理性的氛圍中閱覽新聞—央視新聞3在清爽的空間中快速獲取關(guān)鍵信息—360新聞移動(dòng)界面圖文排版——新聞?lì)惸夸?/p>

CONTENTS4傳統(tǒng)真實(shí)的讀書(shū)空間—百閱5專(zhuān)為現(xiàn)代都是女性打造的時(shí)尚咨詢(xún)平臺(tái)—優(yōu)家畫(huà)報(bào)6設(shè)計(jì)理念移動(dòng)界面圖文排版——新聞?lì)?設(shè)計(jì)規(guī)范標(biāo)準(zhǔn)1新聞閱讀APP新聞?lì)愰喿xAPP避開(kāi)生僻字01字體大小需適度02字號(hào)搭配需突出03調(diào)節(jié)色彩對(duì)比度04MarketsEXISITNGNEWNEWEXISITNG生僻字帶來(lái)的低識(shí)別度影響用戶的閱讀無(wú)字號(hào)的搭配文字信息顯示得單調(diào)不便于用戶對(duì)信息的接受過(guò)小的字體同樣阻礙了用戶的閱讀文字與背景間色彩對(duì)比過(guò)弱或過(guò)強(qiáng)都會(huì)引起用戶與閱讀的不適新聞閱讀APP2巧用分塊構(gòu)成橫向排列帶來(lái)的穩(wěn)定視覺(jué)以配色凸顯新聞的權(quán)威性在理性的氛圍中閱覽新聞—央視新聞巧用分塊構(gòu)成頁(yè)面布局形式一：無(wú)形的分塊構(gòu)成將界面中的信息編排成一個(gè)個(gè)獨(dú)立且棱角分明的塊狀區(qū)域，可在視覺(jué)上渲染一種嚴(yán)謹(jǐn)而理性的視覺(jué)氛圍，在這里我們將這種編排方式，稱(chēng)之為分塊構(gòu)成，用其來(lái)凸顯APP界面的理性氣質(zhì)。頁(yè)面的黃色框區(qū)域是虛線，圖1和圖2都是無(wú)形的分塊區(qū)域頁(yè)面。圖1圖2巧用分塊構(gòu)成頁(yè)面布局形式二：有形的分塊構(gòu)成在處理這種布局時(shí)，設(shè)計(jì)者一般會(huì)借助其他元素（最為常見(jiàn)的編排元素為線框和色塊），在空置的版面中規(guī)劃出基本版面，而后將需要排列的元素放置在這些版面中。線框式有形分塊結(jié)構(gòu)如圖3所示的央視新聞客戶端界面便采用了線框式的分塊構(gòu)成，簡(jiǎn)單明了，分區(qū)明確。如圖4所示央視新聞客戶端界面便采用了方框式的分塊構(gòu)成在帶來(lái)規(guī)整感的同時(shí)也會(huì)平添幾分自由度。圖3圖4橫向排列帶來(lái)的穩(wěn)定視覺(jué)移動(dòng)商務(wù)在央視新聞客戶端的大部分界面中，設(shè)計(jì)者皆采用了一種橫向排列的構(gòu)成方式來(lái)編排界面中的視覺(jué)要素，其目的是為了帶給界面一種平靜且穩(wěn)定的視覺(jué)空間，而這種平靜與穩(wěn)定感恰好是我們?cè)谒茉炖硇燥L(fēng)格時(shí)所需要的。橫向排列就是將界面中的視覺(jué)要素，在水平方向上，進(jìn)行橫向編排，圖5和圖6所示。圖5圖6以配色凸顯新聞的權(quán)威性在眾多色系中，提到理性情感的表達(dá)，藍(lán)系色彩應(yīng)當(dāng)是不二之選，除此之外，還可考慮與無(wú)色彩系進(jìn)行搭配，其目的是在不改變理性基調(diào)的同時(shí)，豐富色彩層次。比如央視新聞客戶端界面呈現(xiàn)的就是藍(lán)系，很好的體現(xiàn)出此款A(yù)PP的理性情感，如圖7和圖8所示。圖7圖83感受綠白間的清爽氣息標(biāo)記符號(hào)帶來(lái)的提示作用在清爽的空間中快速獲取關(guān)鍵信息—360新聞感受綠白間的清爽氣息將明度較高的綠色和白色進(jìn)行搭配，可營(yíng)造出一種春風(fēng)過(guò)境之感，讓用戶從心理上感到舒暢無(wú)比在綠白兩色的面積分配上，白色要遠(yuǎn)遠(yuǎn)大于綠色，其原因是因?yàn)榘咨欣谕癸@黑色文字，同時(shí)白色不會(huì)影響豐富的新聞圖片從而給觀者造成視線的干擾新聞出處顯示新聞的重要性以及來(lái)源在360新聞界面設(shè)計(jì)中設(shè)計(jì)者添加了一些關(guān)鍵的新聞信息標(biāo)記符號(hào)比如：最重要的新聞會(huì)采取置頂?shù)姆绞剑奖阃癸@它的重要性顯示新聞的來(lái)源，體現(xiàn)新聞的真實(shí)性標(biāo)記出時(shí)間，體現(xiàn)新聞的時(shí)效性傳統(tǒng)真實(shí)的讀書(shū)空間—百閱4木質(zhì)材質(zhì)的書(shū)架印象傳統(tǒng)紙質(zhì)的背景仿真的翻頁(yè)效果木質(zhì)材質(zhì)的書(shū)架印象木質(zhì)材質(zhì)得到廣泛應(yīng)用，木質(zhì)材質(zhì)可營(yíng)造出一種傳統(tǒng)的書(shū)架印象，而這種印象可在一定程度上引發(fā)人們的共鳴，從而提升好感度。傳統(tǒng)紙張的背景復(fù)古羊皮紙泛黃的紙張為了貼合整個(gè)設(shè)計(jì)APP的視覺(jué)風(fēng)格，設(shè)計(jì)者特意在閱讀界面的主題設(shè)定中，推出了兩款特色化的主題效果。一種是復(fù)古的羊皮紙，一種是泛黃的紙張效果，可以讓用戶感受到濃郁的讀書(shū)氛圍。仿真翻頁(yè)效果為了給用戶帶來(lái)更加真的閱讀體驗(yàn)，設(shè)計(jì)者在對(duì)閱讀界面進(jìn)行交互設(shè)計(jì)時(shí)，采用了仿真的翻頁(yè)效果設(shè)計(jì)，讓用戶可以從任意角度進(jìn)行翻頁(yè)動(dòng)作，從而感受到一種相對(duì)真實(shí)的讀書(shū)趣味。專(zhuān)為現(xiàn)代都是女性打造的時(shí)尚咨詢(xún)平臺(tái)—優(yōu)家畫(huà)報(bào)5簡(jiǎn)單配色展現(xiàn)都市女性特質(zhì)感受自由型板面的時(shí)尚氣息特殊字體的選擇和運(yùn)用簡(jiǎn)單配色展現(xiàn)都市女性特質(zhì)經(jīng)典的黑白兩色，是表現(xiàn)當(dāng)代女性獨(dú)立、自主特質(zhì)的不二選擇，并且當(dāng)小面積黑色出現(xiàn)在大面積的白色中時(shí)，還能體現(xiàn)出一種精致且高端的視覺(jué)效果。感受自由型板面的時(shí)尚氣息在版式設(shè)計(jì)中，存在這樣的版面類(lèi)型，沒(méi)有既定的框架沒(méi)有固定的編排準(zhǔn)則，更多的是根據(jù)設(shè)計(jì)者對(duì)形式的美感把控，在版面中的視覺(jué)要素進(jìn)行自由編排，這就稱(chēng)之為自由行版面。目的是讓用戶一開(kāi)始就感受到一種來(lái)自于自由行版面的時(shí)尚氣息與隨性之美特殊字體的選擇與運(yùn)用從都市女性的特質(zhì)出發(fā)--棱角分明的字體結(jié)構(gòu)，能表現(xiàn)出都市女性的自主個(gè)性，纖細(xì)而狹長(zhǎng)的筆畫(huà)構(gòu)成，十分貼合許多時(shí)尚女性給人的高挑印象。從資訊本身出發(fā)—在如上所示字體樣式所對(duì)應(yīng)的界面中，陳列了相關(guān)的品牌服飾，為了凸顯不同的服裝品牌，彰顯自己的服裝氣質(zhì)，設(shè)計(jì)者會(huì)放置不同的品牌字體樣式。設(shè)計(jì)理念6流程化通用設(shè)計(jì)簡(jiǎn)化設(shè)計(jì)工作量維護(hù)視覺(jué)繼承和統(tǒng)一更專(zhuān)注于用戶體驗(yàn)推進(jìn)產(chǎn)品持續(xù)進(jìn)化更專(zhuān)注于用戶體驗(yàn)建立設(shè)計(jì)秩序，流程化通用設(shè)計(jì)簡(jiǎn)化設(shè)計(jì)工作量，提升效率維護(hù)視覺(jué)繼承與統(tǒng)一更注重于用戶體驗(yàn)推進(jìn)產(chǎn)品持續(xù)進(jìn)化設(shè)計(jì)標(biāo)準(zhǔn)的建立是在產(chǎn)品不斷的迭代過(guò)程中沉淀積累，最終形成的一套優(yōu)秀的設(shè)計(jì)方案在規(guī)范設(shè)計(jì)標(biāo)準(zhǔn)時(shí)候能夠更加深入的思考為何要這樣做而不是那樣做能夠在沉淀優(yōu)秀設(shè)計(jì)的同時(shí)持續(xù)的創(chuàng)新，推進(jìn)產(chǎn)品進(jìn)化同時(shí)建立起來(lái)產(chǎn)品團(tuán)隊(duì)各部門(mén)之間的信任溝通和認(rèn)可設(shè)計(jì)標(biāo)準(zhǔn)規(guī)范7如何制定設(shè)計(jì)規(guī)范標(biāo)準(zhǔn)設(shè)計(jì)規(guī)范標(biāo)準(zhǔn)包括的元素如何制定設(shè)計(jì)規(guī)范標(biāo)準(zhǔn)自我產(chǎn)品層面加深對(duì)公司產(chǎn)品，業(yè)務(wù)目標(biāo)的認(rèn)識(shí)總結(jié)過(guò)往版本的不足，同時(shí)完善已有的模式迭代中創(chuàng)造出更優(yōu)秀深度結(jié)合用戶目標(biāo)和使用場(chǎng)景如何制定設(shè)計(jì)規(guī)范標(biāo)準(zhǔn)外部層面理解移動(dòng)互聯(lián)網(wǎng)的設(shè)計(jì)趨勢(shì)參考先進(jìn)競(jìng)品，聽(tīng)取用戶反饋意見(jiàn)制作出合理的且可用的模板和組件總結(jié)市面優(yōu)秀產(chǎn)品通用設(shè)計(jì)樣式設(shè)計(jì)規(guī)范包括的元素導(dǎo)航定義各級(jí)導(dǎo)航的視覺(jué)風(fēng)格及交互方式，特別是對(duì)于那些具有層級(jí)關(guān)系的導(dǎo)航項(xiàng)來(lái)說(shuō)，要完整的展示出嵌套關(guān)系及展示方式鏈接和按鈕定義鏈接和按鈕的視覺(jué)風(fēng)格，為不同模板中的鏈接以及不同類(lèi)型表單中的按鈕提供色值、樣式。大小、位置、及圖例視覺(jué)繼承定義頁(yè)頭、標(biāo)題、段落、圖片等元素是怎樣在視覺(jué)上保持關(guān)聯(lián)性的，提供必要的圖例，并通過(guò)文字描述出視覺(jué)繼承關(guān)系對(duì)于整個(gè)產(chǎn)品的外觀氣質(zhì)的影響作用頁(yè)面布局定義不同的區(qū)塊和元素在界面當(dāng)中位置、彼此之間的關(guān)系；對(duì)于那些在全局范圍內(nèi)普遍適用的外間距、內(nèi)邊距、版塊間隔、網(wǎng)絡(luò)模式等規(guī)則作以說(shuō)明圖片與圖標(biāo)對(duì)內(nèi)容和界面元素當(dāng)中的圖片及圖標(biāo)進(jìn)行定義，包括文件類(lèi)型、尺寸、文件大小、比例、風(fēng)格等方面。設(shè)計(jì)規(guī)范包括的元素UI標(biāo)準(zhǔn)表單和驗(yàn)證定義不同的UI元素所對(duì)應(yīng)的交互模式，以及