我們都知道UI設(shè)計(jì)如今已經(jīng)成為人們非常重視的內(nèi)容,當(dāng)然,有創(chuàng)意的UI設(shè)計(jì)才能夠贏(yíng)得更多的人氣,那么,各位朋友們想不想知道創(chuàng)意UI設(shè)計(jì)的技巧有什么?接下來(lái)就來(lái)為大家全面整理下吧。
一、好的UI設(shè)計(jì)的重要性
好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。
二、創(chuàng)意UI設(shè)計(jì)的技巧
1.顏色
大膽用色,對(duì)比強(qiáng)烈:現(xiàn)幾年的顏色設(shè)計(jì)趨勢(shì),用色都比較大膽,對(duì)比強(qiáng)烈,大膽的撞色得到更多設(shè)計(jì)師的青睞。
通道色:這種顏色趨勢(shì)國(guó)外用的比較多,國(guó)外則采用的比較少。這種顏色的使用效果給人神秘和不可思議的感覺(jué),另一方面也會(huì)給人一種臟臟的感覺(jué)。比較適合一些面向國(guó)際的產(chǎn)品。
全息幻彩:它有一個(gè)非常專(zhuān)業(yè)的詞:holographic;給人感覺(jué)迷人、夢(mèng)幻、多變。它也不僅僅運(yùn)用到UI設(shè)計(jì)里面,當(dāng)下很多手機(jī)殼的顏色也采用了全息幻彩的形式;
鐳射虹彩漸變:(color-gel laser gradient),這是色彩的運(yùn)用早期在平面包裝運(yùn)用的比較多,去年才開(kāi)始流行于UI設(shè)計(jì)領(lǐng)域。
名人色:即用人名命名的顏色,
比如去年的爆款:莫蘭迪灰(延禧攻略),是一款非常高級(jí)的灰色系,特點(diǎn)是對(duì)比度低,如果內(nèi)容很多則不適合采用這款顏色,所以比較適合頁(yè)面留白較大,內(nèi)容較少的界面。
克萊因藍(lán):被認(rèn)為是世界上最純粹,最干凈,最無(wú)瑕的藍(lán)色,是一款純度非常高的藍(lán)色。其實(shí)在UI里面看到的所謂克萊因藍(lán),都是降低了它的明度和飽和度,否則會(huì)很刺眼;
愛(ài)麗絲藍(lán):淡淡的,很夢(mèng)幻的那種小女生的藍(lán)色;
范戴克棕:膠片工藝?yán)锩娴?/span>
品紅:注意品紅是名人色!
(圖片來(lái)自網(wǎng)絡(luò))
2.頁(yè)面的排版布局
更大的負(fù)空間:
這兩年,UI設(shè)計(jì)在頁(yè)面的排版布局上有一個(gè)共性:更大的負(fù)空間,即所謂的留白。因?yàn)槲覀冊(cè)O(shè)計(jì)的所有的頁(yè)面的宗旨是為用戶(hù)體驗(yàn)設(shè)計(jì)的,用視覺(jué)的方式向用戶(hù)傳達(dá)頁(yè)面的內(nèi)容信息。我們?nèi)绾巫龅礁咝实南蛴脩?hù)傳達(dá)頁(yè)面的消息:
少即是多(less is more)。
簡(jiǎn)潔的頁(yè)面更適合用戶(hù)獲取內(nèi)容信息。
負(fù)空間在所有設(shè)計(jì)領(lǐng)域都有適用。
破型和錯(cuò)位疊加:
這種排版設(shè)計(jì)趨勢(shì)與色彩趨勢(shì)有一點(diǎn)像,那就是大膽,使得頁(yè)面沒(méi)有那么中規(guī)中矩,死板;采用破型和錯(cuò)位疊加的設(shè)計(jì)方式會(huì)使得頁(yè)面更加靈活,生動(dòng)??梢赃\(yùn)用在banner圖、H5的運(yùn)營(yíng)頁(yè)面,大模塊的標(biāo)題……
超大字體排版:
讓用戶(hù)聚焦信息。這種排版趨勢(shì)這兩年特別的顯著,也是由iPhone和Airbnb做出來(lái)的設(shè)計(jì),從而引領(lǐng)了整個(gè)UI設(shè)計(jì)領(lǐng)域的設(shè)計(jì)風(fēng)格;從IOS10 開(kāi)始的大標(biāo)題,陸續(xù)的國(guó)內(nèi)很多APP也使用了這種大字號(hào)標(biāo)題的設(shè)計(jì),包括一些運(yùn)營(yíng)的頁(yè)面,H5……
這種極度夸張的大小對(duì)比,能夠讓用戶(hù)迅速聚焦到內(nèi)容上面來(lái)。
3.圖形圖案
場(chǎng)景插畫(huà)盛行:
UI界面的開(kāi)屏,引導(dǎo)頁(yè),缺省頁(yè),下拉刷新等等,都要求需要插畫(huà)設(shè)計(jì)。插畫(huà)設(shè)計(jì)在整個(gè)UI領(lǐng)域運(yùn)用的非常的廣泛,因?yàn)樗哂幸鬃x性、故事性、趣味性,更容易吸引用戶(hù)的注意。我們應(yīng)該考慮到用戶(hù)在各個(gè)方面的使用體驗(yàn),插畫(huà)則是一個(gè)很好的情感化設(shè)計(jì)的一部分。
光感透氣疊加:
這種設(shè)計(jì)形式比較適合運(yùn)用在一些科技類(lèi)產(chǎn)品領(lǐng)域,為產(chǎn)品增添更多的未來(lái)夢(mèng)幻感。還有一些數(shù)據(jù)可視化的設(shè)計(jì)也會(huì)采用這種形式。
三、設(shè)計(jì)師如何鍛煉自己的能力?
一精多專(zhuān) 全面發(fā)展
精代表有一個(gè)能力點(diǎn)是你必須很精通的,在團(tuán)隊(duì)里面是不可替代的位置;專(zhuān)則代表熟練且專(zhuān)業(yè);全面發(fā)展則是要熟悉所在行業(yè)的相關(guān)信息。
熟練掌握多種軟件技能
基礎(chǔ)通用能力:溝通表達(dá)能力,準(zhǔn)確獲取有效需求信息,清晰表達(dá)設(shè)計(jì)想法,獲得他人認(rèn)同
分析挖掘能力,將獲取到的信息,進(jìn)行分析,挖掘更深層次的需求,可幫助我們抓到用戶(hù)真正的痛點(diǎn)。
執(zhí)行力,能夠高效完成任務(wù)、在工作過(guò)程中主動(dòng)推動(dòng)任務(wù)前進(jìn)。
系統(tǒng)專(zhuān)業(yè)方法論:專(zhuān)業(yè)的方法可以幫助我們更好的進(jìn)行設(shè)計(jì)工作
頭腦風(fēng)暴 可用性測(cè)試 用戶(hù)訪(fǎng)談 A/B test 用戶(hù)畫(huà)像 角色扮演……
創(chuàng)意設(shè)計(jì)思維&方法
主要方法:
1.聯(lián)想。聯(lián)想是創(chuàng)意設(shè)計(jì)思維最常用的方法,把你要設(shè)計(jì)的東西以一個(gè)核心事物為起點(diǎn),將與之有關(guān)的元素進(jìn)行聯(lián)想,聯(lián)想的越豐富,idea就會(huì)變得越多。
聯(lián)想分不同類(lèi)型的聯(lián)想:橫向聯(lián)想、縱向聯(lián)想、關(guān)聯(lián)聯(lián)想。
橫向聯(lián)想:圍繞核心事物進(jìn)行發(fā)散,只考慮與核心事物有直接關(guān)聯(lián)的,也就是一度關(guān)聯(lián)的事物
縱向聯(lián)想:聯(lián)想后的一樣事物要與前一樣事物有關(guān)聯(lián),深挖下去,找到與核心事物有二度、三度、甚至五度、六度關(guān)聯(lián)的事物
聯(lián)想的體系:整個(gè)聯(lián)想的體系就是一個(gè)事物的橫向聯(lián)想,然后再在某一個(gè)點(diǎn)上進(jìn)行縱向聯(lián)想。
關(guān)聯(lián)聯(lián)想:聯(lián)想兩兩事物之間的共同之處,找他們的共性。
聯(lián)想是一個(gè)非常基礎(chǔ)的尋找創(chuàng)意點(diǎn)的方法,我們應(yīng)該不停的進(jìn)行橫向與縱向交叉的聯(lián)想方法,最后你會(huì)發(fā)現(xiàn)你的靈感會(huì)井噴式的爆發(fā)出來(lái)。
2.發(fā)散+聚斂
聯(lián)想是一個(gè)思維發(fā)散的過(guò)程,我們也需要讓思維集中:聚斂。通過(guò)“發(fā)散——提出創(chuàng)造性設(shè)想”和“聚斂——對(duì)創(chuàng)造性設(shè)想進(jìn)行分析篩選”的反復(fù)交叉進(jìn)行,逐步達(dá)到預(yù)期目標(biāo)。
3.現(xiàn)實(shí)映射
從現(xiàn)實(shí)中提煉、抽象出的,可以是形態(tài)、色彩、質(zhì)感,也可以是運(yùn)動(dòng)方式、光學(xué)力學(xué)特性等物體中最有特征的部分。
(圖片來(lái)自網(wǎng)絡(luò))
創(chuàng)意UI設(shè)計(jì)的技巧有什么?對(duì)于這個(gè)問(wèn)題,我們已經(jīng)在上文為大家進(jìn)行了全面的解釋了,總之,希望大家看完之后,可以獲得全面的認(rèn)識(shí)。