一個界面或是一個banner,或是一個
APP啟動圖標,設(shè)計師應(yīng)當把它當做一個故事來設(shè)計。
你得思考,當用戶第一次看到你設(shè)計的頁面,能不能被吸引,能不能快速理解你這個故事的內(nèi)容。還想不想繼續(xù)讀下去。
如果你設(shè)計完,連自己都看不明白,就別指望用戶能看懂了。
那么需要注意哪些方面了?
1,人們對色彩的感知是很強烈的,選取適合主題的色彩是必要的。
相關(guān)文章:UI設(shè)計中的色彩與實例
2,故事大綱,就相當于你的界面布局框架,選用什么樣的布局適合你的故事,也是需要考究的。
3,故事的背景可以理解為背景頭圖的設(shè)計或是整個氛圍的渲染。
4,設(shè)計還要為了把故事講的生動,需要加入一些修飾的詞,這些詞就相當于設(shè)計中的的細節(jié)刻畫部分。當然修辭的詞要適當添加,多余的修飾詞相當于頁面上多余的細節(jié)素材。
5,先把故事的大綱給寫出來,再去細化各個章節(jié)。做設(shè)計也是一樣,前期不要老是在一個細節(jié)上浪費太多時間,你要從全局出發(fā),需要很多遍的梳理,整體布局結(jié)構(gòu)沒有什么大問題的前提下,再去細化各個局部細節(jié)。
6,設(shè)計完可以給朋友看看,聽取下他們的意見,讓他們先來體驗一下,收集反饋建議,修改頁面。
7,如果你設(shè)計的是專題或是BANNER,大標題很重要,這個是吸引點擊和提升轉(zhuǎn)化率的關(guān)鍵,如果大標題不夠誘惑,得找策劃商量修改,不然你頁面做的再漂亮也無用,壓根沒人有興趣去點擊。
8,創(chuàng)造驚喜,頁面上如果沒有亮點的話,就會覺得平淡無奇,毫無生機。這時候,設(shè)計師需要設(shè)計一些小驚喜。你可以對大標題進行字體變形,或是界面的布局上打破常規(guī),這個網(wǎng)上有很多相關(guān)的文章。
9,素材很重要,巧婦難為無米之炊啊,這個道理大家都懂吧,設(shè)計師需要在現(xiàn)有的素材資源下,好好的分析,選擇合適的。特別是做游戲?qū)n}站或是需要原畫提供的素材。
打個比方,需求方需要設(shè)計一個游戲的APP啟動ICON,這個圖標一般情況都是用游戲里面的主人翁或是主角人物的頭像,那么設(shè)計師就需要把該人物的游戲原畫素材進行分析,思考哪個頭部比較適合,有沒有游戲的特質(zhì)。如果沒有合適的,請找原畫重新畫一個,如果你會畫的話自己畫。想必大多設(shè)計師就不擅長這個,還是請專家來畫吧。設(shè)計師拿到精心繪畫的頭部以后,再來設(shè)計ICON。
第一次寫,如有哪里沒有寫清楚的,請留言,一起探討。
總之,會講故事的設(shè)計師是一個好設(shè)計。
作者:TIGER
接下來看看,我在網(wǎng)上收集了一段資料。
為什么講故事式的設(shè)計方式是好的?
它模擬了用戶體驗:?每一步設(shè)計的時候都是在模擬用戶體驗:團隊可在早期就發(fā)現(xiàn)問題,因為講故事的時候加入了時間維度,所以不用等所有的草圖畫出來后才發(fā)現(xiàn)哪里錯了、哪里不對勁。UI上那些不必要的步驟和死角也可以得到更快的注意,這些細節(jié)最終會導(dǎo)向更好的可用性和用戶參與度。
前期就闡明了設(shè)計目標:?這個一開始的時候就迫使團隊成員去思考所有的細節(jié),草圖一出來,團隊就會發(fā)現(xiàn)設(shè)計師是否完成了預(yù)訂目標。
它依據(jù)科學(xué):?據(jù)BJ Fogg的行為理論,所有目標的完成都要遵循誘因、動機、能力的準則,而講故事的設(shè)計方式是完全符合的,它的每一個因素都是在鼓勵用戶進行互動。
整體上加速了每一件事?: 創(chuàng)建模型的形式可以用作用戶研究的形式,同樣的故事思路可以用在漏斗分析中,讓我們發(fā)現(xiàn)是否用戶在實際使用的時候和我們的預(yù)想是一樣的。團隊在發(fā)布新版本的時候也可以用這個方法檢驗產(chǎn)品的可行性。
=========================
關(guān)于學(xué)ui網(wǎng)=========================
xueui.cn 學(xué)ui網(wǎng)發(fā)布高質(zhì)量ui設(shè)計教程和設(shè)計分享經(jīng)驗,希望打造一個最好的ui學(xué)習(xí)教程平臺!
APP截圖站:www.lingzhifeiyang.com? 海量APP截圖,讓你靈感爆發(fā)!
轉(zhuǎn)載請注明:
靈智飛揚 » 會講故事的設(shè)計師是一個好設(shè)計師。
登錄收藏
學(xué)UI就上靈智飛揚!越努力,越幸運!
“靈智飛揚www.lingzhifeiyang.com?”最值得關(guān)注的UI學(xué)習(xí)平臺! 每天發(fā)布高質(zhì)量的設(shè)計教程和分享設(shè)計經(jīng)驗,服務(wù)于20萬UI設(shè)計師,幫助初學(xué)者快速轉(zhuǎn)型。 ,給大家提供更多免費學(xué)習(xí)的機會。想成為設(shè)計師的你快來關(guān)注吧!
【特色推薦】
“APP截圖站www.lingzhifeiyang.com”??海量APP截圖,讓你靈感爆發(fā)!國內(nèi)最好的APP截圖站。
“國內(nèi)最棒的UI設(shè)計導(dǎo)航站” 專為UI設(shè)計學(xué)習(xí)者打造的資源+學(xué)習(xí),雙用途的網(wǎng)址導(dǎo)航站。親愛的,你收藏了嗎?
【靈智飛揚 原創(chuàng)文章 ,也可以找各個群的管理】
給靈智飛揚打氣,加油 ?猛點這里?>>
本文來源:未知