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

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

「UI設(shè)計(jì)」如何快速高效掌握UI界面設(shè)計(jì)和交互設(shè)計(jì)技巧

發(fā)布時(shí)間：2024-01-18 18:33:23 瀏覽量：184次

當(dāng)你剛開始從事 UI 設(shè)計(jì)時(shí)，瀏覽 dribbble 或 behance 或此類網(wǎng)站可能會(huì)令人生畏。你會(huì)在這些網(wǎng)站上看到來自世界各地的各種才華橫溢的設(shè)計(jì)師的精美設(shè)計(jì)，如果你和我一樣，那么你一定想知道為什么你的設(shè)計(jì)達(dá)不到那個(gè)水平。為什么盡管你盡了最大的努力，你的設(shè)計(jì)還是不能給用戶帶來驚喜。



現(xiàn)在，這是事實(shí)，這種質(zhì)量是大量的練習(xí)和努力的結(jié)果。


但沒有人會(huì)阻止你從他們那里學(xué)到一些簡單的技巧/策略，也可以將你的設(shè)計(jì)提升到那個(gè)水平。


你可能聽說過帕累托原則，即80%的結(jié)果來自20%的原因。我們將在我們的設(shè)計(jì)中應(yīng)用同樣的原則，并通過修改或使用簡單的技巧將它們提升到 dribbble 或 behance 級(jí)別的質(zhì)量。


我們開始吧：

僅使用單個(gè)字體集


互聯(lián)網(wǎng)上的任何網(wǎng)頁都由 90% 的類型組成。如果你刪除圖像或其他設(shè)計(jì)元素，則可能對(duì)訪問者沒有幫助。因此，如果頁面上超過 90% 的空間被類型占用，那么關(guān)注它只會(huì)符合我們的最大利益。


你可能聽說過這樣的建議，即你應(yīng)該在設(shè)計(jì)中只使用有限數(shù)量的字體。這個(gè)數(shù)字通常最多設(shè)置為 2 或 3。

這是正確的，但是我建議你甚至不需要 2 或 3，只需 1 就足夠了。


首先在你的設(shè)計(jì)中只使用一種字體集，然后逐步使用 2 或 3 種字體。在單個(gè)字體集中使用粗細(xì)/大小，你會(huì)驚訝于你的設(shè)計(jì)看起來更連貫、更干凈和更專業(yè)。

這個(gè)技巧背后的基本原理是，當(dāng)我們混合不同的字體/元素時(shí)，我們需要格外小心，使它們彼此完美匹配。這需要訓(xùn)練有素的眼睛。

決定哪些字體應(yīng)該搭配在一起需要大量的練習(xí)，當(dāng)你剛剛開始時(shí)，你不會(huì)注意到它。


將字體最小化為單個(gè)字體集也會(huì)迫使你認(rèn)真思考如何僅使用單個(gè)字體集來使你的設(shè)計(jì)美觀。

但是不用擔(dān)心，你可以僅使用一個(gè)字體集就可以做出各種漂亮的組合。掌握使用單一字體集，然后慢慢地使用 2 或 3。


你可以實(shí)現(xiàn)多種這樣的組合，而無需使用第二個(gè)字體集。在此處使用Montserrat字體集的不同字體粗細(xì)。

使用適當(dāng)?shù)呢?fù)空間或空白


頁面上的元素需要一些空間來呼吸。如果你在一個(gè)小空間里塞滿了很多設(shè)計(jì)元素，那么它們就會(huì)相互抵消，沒有一個(gè)元素會(huì)脫穎而出。那會(huì)弄得一團(tuán)糟。嘗試在設(shè)計(jì)中使用負(fù)空間或空白空間。

從頁面中刪除不必要的元素，直到只剩下需要的元素，然后為每個(gè)元素提供喘息的空間。

一點(diǎn)空白會(huì)產(chǎn)生很大的不同。


謹(jǐn)慎使用顏色


掌握色彩理論及其在實(shí)際設(shè)計(jì)中的應(yīng)用需要大量的努力和多年的實(shí)踐。一些有福氣的人可能有這樣的眼光，但對(duì)于我們凡人來說，我們必須多加練習(xí)。

所以一開始在你的設(shè)計(jì)中只使用最少量的顏色?；旌虾痛钆洳煌念伾?，使你的設(shè)計(jì)看起來很漂亮是一門不容易的藝術(shù)。


因此，將顏色保持在最低限度。以 70–30–10 的比例使用顏色。

這里 70% 的顏色將是你的背景顏色，例如白色。

30% 的顏色將是你的輔助顏色，例如黑色。

10% 的顏色將是你用來突出顯示設(shè)計(jì)中的按鈕和其他號(hào)召性用語元素的顏色。


你也可以嘗試僅使用 2 種顏色的組合。就像字體一樣，同樣的原則也適用于顏色的使用。首先掌握使用 1 或 2 種顏色，然后慢慢增加設(shè)計(jì)中的顏色數(shù)量。


混合超過 2 種顏色可能具有挑戰(zhàn)性，需要多年的練習(xí)。

只堅(jiān)持一種或兩種顏色，直到你掌握了它們。


美麗的Hero section


用戶可見的滾動(dòng)前的第一部分通常稱為Hero section?，F(xiàn)在，提高 UI 設(shè)計(jì)質(zhì)量的一個(gè)簡單技巧是制作漂亮的 Hero section。

你可以通過使用各種技術(shù)來做到這一點(diǎn)，比如標(biāo)題的大字體或手繪插圖，或者使用產(chǎn)品的 3D 模型或使用相關(guān)的庫存照片等。

這里的基本思想是讓用戶“哇~”。在整個(gè)會(huì)話中，第一印象會(huì)持續(xù)在用戶的腦海中。它基本上為整個(gè)用戶體驗(yàn)定下了基調(diào)。

第一印象確實(shí)在這里成為了持久的印象。



使用網(wǎng)格


開始的時(shí)候，你不知道要把每一個(gè)元素放在頁面的哪個(gè)位置，才能讓它看起來好看。為了達(dá)到這個(gè)目的，你可以使用網(wǎng)格來快速提高你的設(shè)計(jì)質(zhì)量。

通過使用網(wǎng)格，你可以確保不同元素之間的間距相同，因此它們都可以一起創(chuàng)建一個(gè)有凝聚力的構(gòu)圖。


也有無網(wǎng)格設(shè)計(jì)，但就像在生活中一樣，你首先需要了解規(guī)則才能成功打破它們。因此，首先掌握網(wǎng)格系統(tǒng)，然后再進(jìn)行打破網(wǎng)格的設(shè)計(jì)。



小貼士：我知道我只說了 5 個(gè)技巧，但誰不喜歡額外福利呢，所以這里有一個(gè)額外的提示：

向大師學(xué)習(xí)


如果你想掌握生活的任何領(lǐng)域，第一個(gè)技巧就是從大師那里復(fù)制。我并不是建議你直接去復(fù)制粘貼其他設(shè)計(jì)師的作品。不，不要那樣做。


相反，你可以做的是選擇一個(gè)你喜歡的設(shè)計(jì)，然后嘗試逐個(gè)像素地重新創(chuàng)建它。此過程將讓你了解原始創(chuàng)作者的想法以及他們?yōu)閯?chuàng)建自己的設(shè)計(jì)而做出的設(shè)計(jì)決策。這將增強(qiáng)你的設(shè)計(jì)能力和決策能力。你將開始了解每個(gè)設(shè)計(jì)師的設(shè)計(jì)過程，從而培養(yǎng)你的設(shè)計(jì)眼光，

很快，你將開始識(shí)別范例，并且你對(duì)美麗設(shè)計(jì)的感覺將繼續(xù)發(fā)展。



又一個(gè)小貼士：是的，我能說什么我喜歡看到人們快樂:)


每天瀏覽設(shè)計(jì)靈感網(wǎng)站


這個(gè)簡單的技巧將增強(qiáng)你的設(shè)計(jì)感。當(dāng)你反復(fù)看到一個(gè)東西時(shí)，你的大腦很快就會(huì)開始連接以前不存在的點(diǎn)和圖案。

只需打開dribbble、behance或Awwwards或任何其他你喜歡的設(shè)計(jì)靈感網(wǎng)站，然后瀏覽精美的設(shè)計(jì)。也許嘗試結(jié)合以前的獎(jiǎng)勵(lì)提示并重新創(chuàng)建其中一個(gè)設(shè)計(jì)。這將培養(yǎng)你對(duì)優(yōu)秀設(shè)計(jì)的眼光，很快你就會(huì)開始看到自己設(shè)計(jì)的質(zhì)量在提高。


因此，這里總結(jié)了如何通過 7 個(gè)簡單易用的技巧成為 UI 設(shè)計(jì)專家：

  • 僅使用單個(gè)字體集
  • 使用充足的負(fù)空間
  • 謹(jǐn)慎使用顏色
  • 美麗的英雄部分
  • 使用網(wǎng)格
  • 向大師學(xué)習(xí)
  • 每天瀏覽設(shè)計(jì)靈感網(wǎng)站

熱門課程推薦

熱門資訊

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

獲取驗(yàn)證碼
x

同學(xué)您好！

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