中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

我們需要做有依據(jù)、有邏輯、有理念的設(shè)計(jì)，需要發(fā)散思維、整合創(chuàng)意、嚴(yán)謹(jǐn)輸出，讓設(shè)計(jì)經(jīng)得起推敲。

2018年春節(jié)已遠(yuǎn)去，一直想把lofter新年logo設(shè)計(jì)思路分享給大家，直到現(xiàn)在才整理出來(lái)，希望這篇文章能給大家一些思路和參考。

每當(dāng)過(guò)節(jié)的時(shí)候，市場(chǎng)上大大小小的APP icon都進(jìn)行了節(jié)日換裝，作為視覺(jué)設(shè)計(jì)師，如何設(shè)計(jì)出與產(chǎn)品品牌相符合并能營(yíng)造出節(jié)日氛圍的設(shè)計(jì)是我們需要思考的。下面以lofter新年圖標(biāo)設(shè)計(jì)為例，分享一下當(dāng)時(shí)的設(shè)計(jì)思路和方法。

Lofter是網(wǎng)易產(chǎn)品中資歷比較老的一款產(chǎn)品了，主打興趣社區(qū)，鼓勵(lì)原創(chuàng)，讓有趣的用戶擁有屬于自己精致圈子為目標(biāo)。怎樣為lofter進(jìn)行新年換裝，主要從以下五個(gè)階段來(lái)闡述設(shè)計(jì)過(guò)程。

1. 設(shè)計(jì)背景

接到需求的時(shí)候，設(shè)計(jì)師會(huì)從以下三個(gè)方面進(jìn)行進(jìn)行分析該需求的核心問(wèn)題：

1.1 業(yè)務(wù)層面

這次換裝的目的是什么，換裝這個(gè)行為符不符合lofter的品牌調(diào)性。經(jīng)過(guò)溝通，業(yè)務(wù)方希望通過(guò)換裝來(lái)渲染新年的氣氛，引起用戶的關(guān)注，激發(fā)用戶和產(chǎn)品之間的互動(dòng)，進(jìn)而提高產(chǎn)品的日活躍度；

1.2 設(shè)計(jì)層面

除了烘托節(jié)日氣氛之外，設(shè)計(jì)師應(yīng)該設(shè)計(jì)出更加精致，更具有創(chuàng)意性的設(shè)計(jì)，能夠更有效的傳達(dá)品牌的理念，傳遞給用戶正能量，增強(qiáng)用戶的情感認(rèn)知。

1.3 用戶層面

此次換膚需要考慮到用戶的接受度，能否讓用戶感知到產(chǎn)品的寓意，能否給用戶帶來(lái)更多的親切感。

2. 設(shè)計(jì)分析

明確設(shè)計(jì)需求之后，需要針對(duì)需求進(jìn)行分析，設(shè)計(jì)師從：主題聯(lián)想、關(guān)鍵詞提取、視覺(jué)素材?提煉三步進(jìn)行設(shè)計(jì)提煉。

2.1 主題聯(lián)想

針對(duì)新年主題以及傳統(tǒng)文化進(jìn)行思維發(fā)散，搜集與之相關(guān)的詞匯。如圖：剪紙、雪花、對(duì)聯(lián)、雪人、梅花、云紋、復(fù)古窗戶、燈籠、鞭炮、禮花、大紅，燙金等等。

2.2 關(guān)鍵詞提取

根據(jù)思維發(fā)散詞匯進(jìn)行色、形、質(zhì)進(jìn)行分類歸納：

• 顏色：顏色是用戶最表層的感知，根據(jù)Lofter的調(diào)性，我們把顏色定位在比較能夠體現(xiàn)節(jié)日氛圍的紅色系和比較高貴優(yōu)雅的燙金色系上
• 形狀：可以根據(jù)剪紙、對(duì)聯(lián)、雪人、復(fù)古門窗等元素進(jìn)行提煉，進(jìn)行方案設(shè)計(jì)。
• 材質(zhì)：可以通過(guò)相關(guān)的圖案肌理進(jìn)行裝飾，使設(shè)計(jì)更加精致的同時(shí)，更能烘托節(jié)日的氣氛。比如說(shuō)云紋、回紋等。

2.3 視覺(jué)素材提煉

針對(duì)提取的關(guān)鍵詞，進(jìn)行視覺(jué)元素匹配，搜集相應(yīng)的視覺(jué)素材作為設(shè)計(jì)參考，下圖僅為部分參考圖作為展示：

針對(duì)視覺(jué)素材提煉，形成三個(gè)設(shè)計(jì)方案方向：

• 方案一：通過(guò)春節(jié)對(duì)聯(lián)的元素以及燙金紋理進(jìn)行方案設(shè)計(jì)；
• 方案二：通過(guò)剪紙和云紋的視覺(jué)素材進(jìn)行方案延伸；
• 方案三：通過(guò)復(fù)古門窗及雪人相關(guān)素材進(jìn)行設(shè)計(jì)提煉。

3. 設(shè)計(jì)執(zhí)行

3.1 草圖繪制

很多設(shè)計(jì)師在做設(shè)計(jì)的時(shí)候會(huì)忽略這一步驟，草圖的繪制雖不需要太精美但它卻是不可缺少的。設(shè)計(jì)師通過(guò)繪制草圖更簡(jiǎn)單直接呈現(xiàn)自己的靈感、想法，并針對(duì)相關(guān)設(shè)計(jì)方案進(jìn)行初步的設(shè)計(jì)評(píng)估，從而更好的把握設(shè)計(jì)的可行性和創(chuàng)意性。

針對(duì)設(shè)計(jì)分析所得出三個(gè)方案如下圖：

從草圖階段進(jìn)行評(píng)估，設(shè)計(jì)的可行性都比較符合設(shè)計(jì)需求，設(shè)計(jì)的創(chuàng)意性需要通過(guò)設(shè)計(jì)圖的繪制進(jìn)一步推敲。

3.2 設(shè)計(jì)稿的呈現(xiàn)

設(shè)計(jì)初稿主要針對(duì)草圖繪制的方案進(jìn)行軟件繪制，這次繪制主要是呈現(xiàn)大效果，細(xì)節(jié)可以后續(xù)仔細(xì)推敲。三方案如下圖：

針對(duì)設(shè)計(jì)初稿，視覺(jué)內(nèi)部進(jìn)行設(shè)計(jì)評(píng)審：

• 設(shè)計(jì)創(chuàng)意性上講：方案一創(chuàng)意比較中規(guī)中矩，缺少一些設(shè)計(jì)特色；方案二比較有想法，設(shè)計(jì)層次和主題表現(xiàn)需要進(jìn)一步優(yōu)化；方案三有一定創(chuàng)意性，元素魚主題的結(jié)合需要進(jìn)一步的優(yōu)化。
• 設(shè)計(jì)語(yǔ)言表達(dá)上講：三個(gè)方案都能夠凸顯節(jié)日主題，氛圍都比較濃厚，用戶感知也比較強(qiáng)。
• 從設(shè)計(jì)效果來(lái)講：方案一較于簡(jiǎn)潔，設(shè)計(jì)特色相對(duì)弱一些；方案二有層次感，比較有特色；方案三有一定的特色，設(shè)計(jì)效果細(xì)節(jié)有待推敲。

針對(duì)視覺(jué)內(nèi)部對(duì)設(shè)計(jì)方案的建議，針對(duì)三個(gè)方案進(jìn)行了細(xì)節(jié)上的優(yōu)化。

方案一：增加燙金質(zhì)感，以及細(xì)節(jié)元素的搭配；

方案二：針對(duì)細(xì)節(jié)進(jìn)行了調(diào)整，調(diào)整層次感；

方案三：在原有基礎(chǔ)上進(jìn)行優(yōu)化，使設(shè)計(jì)更有質(zhì)感，更擬物化。

如圖所示：

針對(duì)以上方案，除了視覺(jué)組內(nèi)部進(jìn)行評(píng)估，還邀請(qǐng)需求運(yùn)營(yíng)方，產(chǎn)品方以及交互設(shè)計(jì)方進(jìn)行多方位設(shè)計(jì)評(píng)估和建議收集。最終選擇方案二作為新年主題方案。

3.3 優(yōu)化設(shè)計(jì)細(xì)節(jié)：

針對(duì)方案二進(jìn)行設(shè)計(jì)細(xì)節(jié)優(yōu)化，主要通過(guò)顏色、形狀、質(zhì)感三個(gè)方面進(jìn)行進(jìn)一步推敲。

• 顏色：由于lofter品牌色為沉穩(wěn)的綠色系，為了突出新年氣氛，顏色采用喜慶的色紅色系，色彩上進(jìn)行反復(fù)嘗試，找到視覺(jué)上最優(yōu)的方案。
• 形狀：由于lofter是線條形的 logo，為了增強(qiáng)對(duì)比性，突出視覺(jué)效果，背景采用了塊面感的設(shè)計(jì)進(jìn)行烘托。設(shè)計(jì)上主要采用視覺(jué)元素（梅花、云朵、建筑以及山川）進(jìn)行塊面的疊加，在保證背景整體感的同時(shí)，又不失層次感和細(xì)節(jié)。
• 質(zhì)感：圖案和肌理的運(yùn)用，視覺(jué)上主要采用了剪紙?jiān)剡M(jìn)行設(shè)計(jì)，它不同于傳統(tǒng)剪紙?jiān)谟谶\(yùn)用了層次疊加的表現(xiàn)手法，使畫面更加豐富，也是當(dāng)時(shí)比較流行的一種視覺(jué)表現(xiàn)。肌理上使用紋樣裝飾，在豐富細(xì)節(jié)的同時(shí)彰顯傳統(tǒng)設(shè)計(jì)元素的魅力。

以下為通過(guò)不同緯度進(jìn)行細(xì)節(jié)推敲方案稿：

針對(duì)各方面的優(yōu)化和推敲最終形成了我們的設(shè)計(jì)方案如圖：

4. 設(shè)計(jì)延展

在最終敲定logo主題設(shè)計(jì)方案的同時(shí)，為了給用戶帶來(lái)一致性的體驗(yàn)感受和濃厚的節(jié)日氛圍，系列的延展設(shè)計(jì)是十分必要的。設(shè)計(jì)上可以通過(guò)主題啟動(dòng)圖、皮膚裝飾以及運(yùn)營(yíng)活動(dòng)三方面進(jìn)行延展。以logo主題為中心，通過(guò)不同層面的配套延展，相互烘托，使設(shè)計(jì)系列化、主題化。

4.1 手機(jī)啟動(dòng)圖

在新年logo方案上進(jìn)行延展，用戶在打開APP的第一時(shí)間感受到節(jié)日的氛圍。根據(jù)lofter以往的品牌調(diào)性，開屏并沒(méi)有采用直接明了的祝福文案和節(jié)日畫面。而是通過(guò)視覺(jué)元素以及輕量級(jí)的動(dòng)效從讓用戶去感知這一主題的寓意。啟動(dòng)頁(yè)動(dòng)畫演示：

4.2 皮膚裝飾

產(chǎn)品設(shè)計(jì)中，為了烘托節(jié)日氛圍，通過(guò)底部導(dǎo)航 icon換裝是產(chǎn)品常用的設(shè)計(jì)策略。由于該產(chǎn)品換膚規(guī)則仍需完善以及設(shè)計(jì)時(shí)間成本考慮，很遺憾，本次主題沒(méi)有涉及此模塊的延展。但是作為系列延展之一，設(shè)計(jì)師針對(duì)這一模塊進(jìn)行設(shè)計(jì)可以從品牌調(diào)性，視覺(jué)一致性上進(jìn)行分析研究。

4.3 運(yùn)營(yíng)主題活動(dòng)

為了提高用戶的活躍度和用戶粘性，除了視覺(jué)層面的語(yǔ)言輸出配套的運(yùn)營(yíng)活動(dòng)進(jìn)行氛圍的營(yíng)造是十分關(guān)鍵的。Lofter推出了新年記贏取福袋的活動(dòng)，視覺(jué)風(fēng)格與新年主題保持一致，活動(dòng)涉及到各個(gè)標(biāo)簽領(lǐng)域，通過(guò)時(shí)間推進(jìn)的方式逐一展開，使節(jié)日氛圍保持著一定的熱度。如圖為活動(dòng)的推廣 banner，H5等相關(guān)頁(yè)面：

5. 設(shè)計(jì)落地

這一環(huán)節(jié)是設(shè)計(jì)中的最后環(huán)節(jié)，也是十分重要的環(huán)節(jié)。如何讓設(shè)計(jì)稿高還原度的展現(xiàn)給用戶需要設(shè)計(jì)師和前端工程師的一起努力。設(shè)計(jì)落地環(huán)節(jié)中主要會(huì)出現(xiàn)的問(wèn)題：視覺(jué)還原度、頁(yè)面適配以及體驗(yàn)流程順暢度。

5.1 視覺(jué)還原度問(wèn)題

其實(shí)還原度應(yīng)有一個(gè)標(biāo)準(zhǔn)，因?yàn)楣こ處煵豢赡?00%還原視覺(jué)稿，所以需要設(shè)計(jì)師精細(xì)的走查，比如說(shuō)還原度需要在95%以上這個(gè)標(biāo)準(zhǔn)后才開始申請(qǐng)上線。這是對(duì)自己設(shè)計(jì)工作的負(fù)責(zé)也是設(shè)計(jì)師需要培養(yǎng)的良好習(xí)慣和基本原則。

5.2 頁(yè)面適配問(wèn)題

因?yàn)槭袌?chǎng)上出現(xiàn)各種機(jī)型，適配工作也比較繁瑣和重要，這需要設(shè)計(jì)師和前端工程師一起溝通，最后達(dá)成一致為用戶提供完美體驗(yàn)。

5.3 體驗(yàn)流暢度

其實(shí)不管是做運(yùn)營(yíng)活動(dòng)還是產(chǎn)品設(shè)計(jì)，體驗(yàn)流暢度至關(guān)重要。為了提高流暢度和新鮮感，設(shè)計(jì)師會(huì)針對(duì)一些界面增加轉(zhuǎn)場(chǎng)動(dòng)效和點(diǎn)觸動(dòng)效。運(yùn)營(yíng)活動(dòng)基本上以H5實(shí)現(xiàn)為主，大多數(shù)情況不能像原生效果相媲美，因此動(dòng)效層面的使用需要更加考究和精準(zhǔn)，才不會(huì)本末倒置。

6. 總結(jié)

通過(guò)整個(gè)設(shè)計(jì)過(guò)程可以了解到，設(shè)計(jì)并非是簡(jiǎn)單的畫圖工作。如果要產(chǎn)出優(yōu)秀的設(shè)計(jì)成果，需要一整套的設(shè)計(jì)方法來(lái)支撐自己的設(shè)計(jì)方案。雖然僅僅是一個(gè)簡(jiǎn)單的新年主題logo，它并非一時(shí)的靈感突現(xiàn)就可以的，還要對(duì)整個(gè)業(yè)務(wù)需求，產(chǎn)品定位和設(shè)計(jì)理念等三方面進(jìn)行深入了解和分析而產(chǎn)出的結(jié)果。我們需要做有依據(jù)，有邏輯，有理念的設(shè)計(jì)，需要發(fā)散思維，整合創(chuàng)意，嚴(yán)謹(jǐn)輸出，讓設(shè)計(jì)經(jīng)得起推敲。

也希望每個(gè)設(shè)計(jì)師可以養(yǎng)成良好的設(shè)計(jì)習(xí)慣，跳出原有的設(shè)計(jì)思維，站在更高的層面上去審視和探究自己的設(shè)計(jì)。

寫在最后

在這個(gè)以數(shù)據(jù)說(shuō)話的時(shí)代，其實(shí)大家肯定都想知道設(shè)計(jì)產(chǎn)出之后，效果怎樣？數(shù)據(jù)如何？

新年版本上線之后，加上運(yùn)營(yíng)活動(dòng)的開展，雖然起初有部分用戶對(duì)這次的改變有點(diǎn)不適應(yīng)，但是從數(shù)據(jù)上來(lái)看，上線當(dāng)日，日活增加20%，在接下來(lái)的一段時(shí)間內(nèi)也保持著高增長(zhǎng)量（由于數(shù)據(jù)比較敏感，具體數(shù)據(jù)這里就不詳細(xì)列出）。通過(guò)產(chǎn)品策劃、市場(chǎng)運(yùn)營(yíng)、交互和視覺(jué)的相互配合，此次設(shè)計(jì)方案達(dá)到業(yè)務(wù)需求，在渲染節(jié)日氛圍的同時(shí)，引起用戶的關(guān)注，激發(fā)用戶和產(chǎn)品之間的互動(dòng)，進(jìn)而提高產(chǎn)品的日活以及用戶粘性。

作者：仨仨（姬廣如），網(wǎng)易UEDC資深視覺(jué)設(shè)計(jì)師，曾從事旅游、體育、金融等領(lǐng)域視覺(jué)設(shè)計(jì)。希望榮國(guó)不斷的努力，設(shè)計(jì)出用戶喜愛(ài)的產(chǎn)品

本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@網(wǎng)易UEDC，作者@仨仨

題圖由作者提供