




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、俗話說,細節(jié)決定成敗。美,也在于細節(jié)。你對細節(jié)的關注程度,決定了你是否優(yōu)雅。一個作品好壞、美感全在于細節(jié),細節(jié)處理好了你的作品幾乎成功一大半。1.通過“布局”構造差異化設計風格五維度,形、色、質、字、版,最后版式就是我們今天要說的布局,如何通過布局可以構造差異化細節(jié)和創(chuàng)新?比如,我們可以營造真實場景體驗感,沉浸式,層疊設計。a.營造真實場景感布局CokePlayCokePlay設計中,在入口處營造了一種真實售貨機場景,喚起用戶線下購物真實體驗。當點擊進去后,差異化選擇方式,趣味性交互,讓我們大開眼界。當選中所需物品后,進入到三級頁面,我們看到羅列的真實物品。MillieMillie產品,在書架
2、陳列模擬現實世界中放書的情景;同時在界面中增加日歷設計,營造時光流逝感,場景代入感很強。b.多場景層疊布局Soldout文字圖形與商品疊加,通過多場景貫穿重復布局策略,在Banner,商品卡片列表和詳情頁,展示頁等,不斷強化用戶心智,又與競品拉開設計上的差距。MillieMillie在banner位置,通過錯層疊加布局設計,增強了畫面的形式感。2.通過“圖形”DNA外化,塑造產品特征巧用圖形我們增加產品設計細節(jié),我們這里說的圖形是品牌特征符合。通常我們運用較多的地方在圖標上,還可以在banner、標簽、界面中應用。如果能全場景應用,那是最理想的狀態(tài),下面我們來看看一些案例。a.符號穿透打造圖標
3、系統(tǒng)Taling想要在圖標上做好的細節(jié)設計,還是有一些難度,因為目前做得好的實在太少了,要么同質化,要么沒記憶點。Taling將logo中硬朗直角與斜角特征點提取,然后延續(xù)到整個圖標系統(tǒng)中,算是比較有特色一套風格語言。H.PointH.Point設計,將品牌logo中的“點”元素提取應用到圖標系統(tǒng)和界面導航設計中。這種處理手法需要克制,不然過多的點元素也會造成一些干擾。當然,我這里拿出來講,是因為這種應用方式有意思。b.符號穿透打造標簽系統(tǒng)MantaManta將logo中傾斜角度與圓角提取應用在標簽中,與我們常規(guī)所見的規(guī)整的圖形標簽形成差異化設計。netflix美國的視頻軟件netflix,在
4、標簽系統(tǒng)行,提取logo清晰符號基因應用在設計上。3.通過“動效”塑造產品細節(jié)隨著硬件越來越好,一些有細節(jié)質感的微動效,能在app上實現出來,通過動效的作用增強產品細節(jié)的同時,還能帶來趣味性和可玩性,在某些情況下還起到引導作用。a.營造場景感動效LaundrygoLaundrygo在第二個Tab上,通過微弱動效變化營造出生活場景感,從早晨日出到晚上,這樣的設計帶入生活儀式感,有溫度有情感。b.產品內互動趣味動效Laftel通過重力感應,表情會隨著旋轉方向自由滑動,伴隨著手機也會產生震動。c.產品內擬人化動效Kakao WebtoonKakao Webtoon在產品首頁使用視差動效,再點擊進入產品二級頁面,通過擬人化的方式營造超級可愛的趣味
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025至2030年復合分子泵項目投資價值分析報告
- 2025至2030年圓蓋板項目投資價值分析報告
- 2025至2030年充氣兒童座騎項目投資價值分析報告
- 《除數是一位數的除法-口算除法》教學設計-2023-2024學年三年級下冊數學人教版
- 《5 給校園植物做名片》(教學設計)-2023-2024學年三年級上冊綜合實踐活動遼師大版
- 2025至2030年中國混凝土磁化水增強器數據監(jiān)測研究報告
- 2025年防水型銅接線端子項目可行性研究報告
- 2025年自動中空成型機項目可行性研究報告
- 金屬供應合同范本
- 2025年空調專用電源線項目可行性研究報告
- 集成電路研究報告-集成電路項目可行性研究報告2024年
- 2024年湖南生物機電職業(yè)技術學院高職單招職業(yè)技能測驗歷年參考題庫(頻考版)含答案解析
- 樁基承載力自平衡法檢測方案資料
- 新版人教版七年級下冊數學全冊教案教學設計含教學反思
- 2025云南昆明空港投資開發(fā)集團招聘7人高頻重點提升(共500題)附帶答案詳解
- 簡單的路線圖(說課稿)2024-2025學年三年級上冊數學西師大版
- 成都市2024-2025學年度上期期末高一期末語文試卷(含答案)
- 2025年教育局財務工作計劃
- Unit 5 Now and Then-Lesson 3 First-Time Experiences 說課稿 2024-2025學年北師大版(2024)七年級英語下冊
- 中小學智慧校園建設方案
- 《網絡攻擊與防御》課件第四章 基于系統(tǒng)的攻擊與防御
評論
0/150
提交評論