火星網校
初學者學習UI設計到高級技能的技巧有哪些
發(fā)布時間：2024-03-20 13:08:18 瀏覽量：260次
當你剛開始從事 UI 設計時，瀏覽 dribbble 或 behance 或此類網站可能會令人生畏。你會在這些網站上看到來自世界各地的各種才華橫溢的設計師的精美設計，如果你和我一樣，那么你一定想知道為什么你的設計達不到那個水平。為什么盡管你盡了最大的努力，你的設計還是不能給用戶帶來驚喜。
Photo by Noah Silliman on Unsplash
現在，這是事實，這種質量是大量的練習和努力的結果。
但沒有人會阻止你從他們那里學到一些簡單的技巧/策略，也可以將你的設計提升到那個水平。
你可能聽說過帕累托原則，即80%的結果來自20%的原因。我們將在我們的設計中應用同樣的原則，并通過修改或使用簡單的技巧將它們提升到 dribbble 或 behance 級別的質量。
我們開始吧：
僅使用單個字體集
互聯網上的任何網頁都由 90% 的類型組成。如果你刪除圖像或其他設計元素，則可能對訪問者沒有幫助。因此，如果頁面上超過 90% 的空間被類型占用，那么關注它只會符合我們的最大利益。
你可能聽說過這樣的建議，即你應該在設計中只使用有限數量的字體。這個數字通常最多設置為 2 或 3。
這是正確的，但是我建議你甚至不需要 2 或 3，只需 1 就足夠了。
首先在你的設計中只使用一種字體集，然后逐步使用 2 或 3 種字體。在單個字體集中使用粗細/大小，你會驚訝于你的設計看起來更連貫、更干凈和更專業(yè)。
這個技巧背后的基本原理是，當我們混合不同的字體/元素時，我們需要格外小心，使它們彼此完美匹配。這需要訓練有素的眼睛。
決定哪些字體應該搭配在一起需要大量的練習，當你剛剛開始時，你不會注意到它。
將字體最小化為單個字體集也會迫使你認真思考如何僅使用單個字體集來使你的設計美觀。
但是不用擔心，你可以僅使用一個字體集就可以做出各種漂亮的組合。掌握使用單一字體集，然后慢慢地使用 2 或 3。
你可以實現多種這樣的組合，而無需使用第二個字體集。在此處使用Montserrat字體集的不同字體粗細。
使用適當的負空間或空白
頁面上的元素需要一些空間來呼吸。如果你在一個小空間里塞滿了很多設計元素，那么它們就會相互抵消，沒有一個元素會脫穎而出。那會弄得一團糟。嘗試在設計中使用負空間或空白空間。
從頁面中刪除不必要的元素，直到只剩下需要的元素，然后為每個元素提供喘息的空間。
一點空白會產生很大的不同。
謹慎使用顏色
掌握色彩理論及其在實際設計中的應用需要大量的努力和多年的實踐。一些有福氣的人可能有這樣的眼光，但對于我們凡人來說，我們必須多加練習。
所以一開始在你的設計中只使用最少量的顏色。混合和搭配不同的顏色，使你的設計看起來很漂亮是一門不容易的藝術。
因此，將顏色保持在最低限度。以 70–30–10 的比例使用顏色。
這里 70% 的顏色將是你的背景顏色，例如白色。
30% 的顏色將是你的輔助顏色，例如黑色。
10% 的顏色將是你用來突出顯示設計中的按鈕和其他號召性用語元素的顏色。
你也可以嘗試僅使用 2 種顏色的組合。就像字體一樣，同樣的原則也適用于顏色的使用。首先掌握使用 1 或 2 種顏色，然后慢慢增加設計中的顏色數量。
混合超過 2 種顏色可能具有挑戰(zhàn)性，需要多年的練習。
只堅持一種或兩種顏色，直到你掌握了它們。
美麗的Hero section
用戶可見的滾動前的第一部分通常稱為Hero section?，F在，提高 UI 設計質量的一個簡單技巧是制作漂亮的 Hero section。
你可以通過使用各種技術來做到這一點，比如標題的大字體或手繪插圖，或者使用產品的 3D 模型或使用相關的庫存照片等。
這里的基本思想是讓用戶“哇~”。在整個會話中，第一印象會持續(xù)在用戶的腦海中。它基本上為整個用戶體驗定下了基調。
第一印象確實在這里成為了持久的印象。
使用網格
開始的時候，你不知道要把每一個元素放在頁面的哪個位置，才能讓它看起來好看。為了達到這個目的，你可以使用網格來快速提高你的設計質量。
通過使用網格，你可以確保不同元素之間的間距相同，因此它們都可以一起創(chuàng)建一個有凝聚力的構圖。
也有無網格設計，但就像在生活中一樣，你首先需要了解規(guī)則才能成功打破它們。因此，首先掌握網格系統(tǒng)，然后再進行打破網格的設計。
小貼士：我知道我只說了 5 個技巧，但誰不喜歡額外福利呢，所以這里有一個額外的提示：
向大師學習
如果你想掌握生活的任何領域，第一個技巧就是從大師那里復制。我并不是建議你直接去復制粘貼其他設計師的作品。不，不要那樣做。
相反，你可以做的是選擇一個你喜歡的設計，然后嘗試逐個像素地重新創(chuàng)建它。此過程將讓你了解原始創(chuàng)作者的想法以及他們?yōu)閯?chuàng)建自己的設計而做出的設計決策。這將增強你的設計能力和決策能力。你將開始了解每個設計師的設計過程，從而培養(yǎng)你的設計眼光，
很快，你將開始識別范例，并且你對美麗設計的感覺將繼續(xù)發(fā)展。
又一個小貼士：是的，我能說什么我喜歡看到人們快樂:)
每天瀏覽設計靈感網站
這個簡單的技巧將增強你的設計感。當你反復看到一個東西時，你的大腦很快就會開始連接以前不存在的點和圖案。
只需打開dribbble、behance或Awwwards或任何其他你喜歡的設計靈感網站，然后瀏覽精美的設計。也許嘗試結合以前的獎勵提示并重新創(chuàng)建其中一個設計。這將培養(yǎng)你對優(yōu)秀設計的眼光，很快你就會開始看到自己設計的質量在提高。
因此，這里總結了如何通過 7 個簡單易用的技巧成為 UI 設計專家：
- 僅使用單個字體集
- 使用充足的負空間
- 謹慎使用顏色
- 美麗的英雄部分
- 使用網格
- 向大師學習
- 每天瀏覽設計靈感網站
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現代平面...
-
7. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
9. 物聯網APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
10. 武漢UI設計培訓班費用怎么樣？想學UI設計要多少錢？
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
最新文章
