激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

原來(lái)這些國(guó)際大品牌在UI設(shè)計(jì)上都有這些簡(jiǎn)單實(shí)用的小技巧

發(fā)布時(shí)間：2024-02-29 11:09:13 瀏覽量：171次

我本質(zhì)上傾向于成為一個(gè)相當(dāng)實(shí)用的設(shè)計(jì)師，因此我不得不學(xué)習(xí)如何在這里和那里增加一些華麗的辭藻，因?yàn)槲乙呀?jīng)將注意力轉(zhuǎn)移到產(chǎn)品上而不是純粹的可用性。

功利主義：強(qiáng)調(diào)有用性/實(shí)用性而非吸引力

建立品牌的最佳機(jī)是在原型或內(nèi)容引導(dǎo)場(chǎng)景。諸如啟動(dòng)頁(yè)面，標(biāo)題區(qū)域和模態(tài)之類，這些UI元素是注入一些品牌和角色的最佳選擇。它們?yōu)轫?yè)面的其余部分奠定了品牌基礎(chǔ)。

但實(shí)際情況是，當(dāng)我們想擺脫無(wú)聊的插入式模式，構(gòu)建更具吸引力的營(yíng)銷方案時(shí)，我們發(fā)覺(jué)我們不具有像插畫(huà)大師一樣的繪畫(huà)能力，或者高超的icon繪制技巧?；蛘弋?dāng)我們這些對(duì)扁平插畫(huà)不是特別了解的人，不知道那些簡(jiǎn)單的啟動(dòng)頁(yè)從哪里開(kāi)始。

UX Power Tools可以為您提供一些實(shí)現(xiàn)品牌目標(biāo)的基本方法，而無(wú)需占用您的時(shí)間。以下是一些利用顏色，圖形和模式將產(chǎn)品品牌添加到UX工作流程的簡(jiǎn)單方法。

閃屏頁(yè)的品牌化

使用的工具：IconFlower插件，Colorful Gradients插件，IconJar，Coolors

這是本文中“最純粹”的品牌UI元素，因?yàn)樗奈ㄒ荒康氖菫楫a(chǎn)品的其余部分建立基礎(chǔ)。我認(rèn)為這種設(shè)計(jì)通常屬于營(yíng)銷領(lǐng)域，沒(méi)開(kāi)玩笑，在你的優(yōu)先級(jí)的前三個(gè)不會(huì)有它的身影。

別在Dribbble找靈感了！Dribbble就像一個(gè)閃屏頁(yè)面的博物館，它們都是宏偉的藝術(shù)品。幸運(yùn)的是，你不必做一個(gè)酷炫到冒泡的閃屏。

讓我們假設(shè)你正在為一個(gè)新的應(yīng)用程序創(chuàng)建一個(gè)啟動(dòng)頁(yè)面，比如這個(gè)app是修房子的應(yīng)用。

我們稱之為“Fixt”

最簡(jiǎn)單的，你可能想到要把名字放在閃屏，logo也放上去，就像medium的閃屏。

盡管這很無(wú)聊，但它至少告訴我這個(gè)應(yīng)用程序是什么。在Medium的案例中，它在UI上保留了大量的空白，因此這是個(gè)簡(jiǎn)單的交互界面。他們的品牌設(shè)定也很成熟，所以他們只需要展示他們的logo。

但對(duì)于我們的應(yīng)用程序，這感覺(jué)有點(diǎn)平淡。

1.作為初創(chuàng)公司，我們需要發(fā)揮更大的影響力。讓我們?cè)囍?strong>加點(diǎn)背景色：

我們使用像Twitter這樣的扁平藍(lán)色，用它填充屏幕的感覺(jué)會(huì)更好。我們的應(yīng)用程序都是關(guān)于行動(dòng)的，我們想要加深這一點(diǎn)。你可以通過(guò)圖片來(lái)體現(xiàn)深度，但是已有的照片沒(méi)有生氣，除非它們可以被自定義，否則它們并不是真正的品牌。

2.添加深度的一種方法是采用漸變。比如，加入二級(jí)品牌顏色：

并非所有品牌顏色的組合都有效，有時(shí)你的產(chǎn)品可能沒(méi)有二級(jí)顏色。在LinkedIn中，他們使用從中心延伸的簡(jiǎn)單徑向漸變。我們正在使用我們的二級(jí)品牌顏色右下角的漸變填充。任何一個(gè)都只是小詭計(jì)。

如果你沒(méi)有二級(jí)品牌顏色，打開(kāi) coolors.co 并輸入基色，鎖定它，然后按空格鍵直到找到你喜歡的組合。你還可以使用sketch漸變插件來(lái)簡(jiǎn)化：

3.讓我們更進(jìn)一步，通過(guò)創(chuàng)建一個(gè)背景元素來(lái)增加更多深度：

Laserlike具有可以組合形狀。對(duì)于我們的應(yīng)用程序，我們針對(duì)使用情況加以暗示，因此我從 Nova獲取了一組圖標(biāo)，這些圖標(biāo)是這個(gè)虛擬應(yīng)用程序的“工具”。然后我用 設(shè)計(jì)師Avadh Dwivedi 設(shè)計(jì)的超棒的Icon Flower插件將圖標(biāo)從中間旋出。

是不是看起來(lái)感覺(jué)很復(fù)雜呢

但是其實(shí)并不復(fù)雜

好了今天UI設(shè)計(jì)的簡(jiǎn)單小技巧就介紹就到這里了

在這里我相信有很多想要學(xué)習(xí)UI設(shè)計(jì)的小伙伴，我自己是一名從事了多年UI設(shè)計(jì)工作的設(shè)計(jì)師，辭職目前在做自己的私人定制課程，今年年初我花了一個(gè)月時(shí)間整理了一份最適合2019年學(xué)習(xí)的學(xué)習(xí)干貨，從最基礎(chǔ)到實(shí)戰(zhàn)都有整理，送給每一位想學(xué)習(xí)的小伙伴，想要獲取的可以關(guān)注然后私信我“學(xué)習(xí)”兩個(gè)字，即可免費(fèi)獲取資料，伸手黨勿擾~

想獲取這些素材禮包資料的朋友可以直接找我領(lǐng)取哦

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定