發(fā)布時間:2024-04-11 16:46:04 瀏覽量:167次
平面設計、界面設計本應該是一個化繁為簡,解決問題的工具,但是我們經常通過設計把問題變得更加復雜,為了設計而設計。所以,今天和大家分享幾個小技巧,幫助ui設計師做出更好的設計。
1、極簡主義,盡可能的留白
設計師喜歡留白,但是客戶想填滿。。。

留白是構成一個好的視覺布局重要元素,但也是最容易被忽視使用的元素。通常情況下,留白意味著浪費屏幕空間。但實際上,留白對于設計更加簡化的布局非常有用,因為這樣可以讓用戶專注他們看的內容。
來看一個留白使用得不錯的例子:

2、微交互設計
推動用戶參與網站/網絡應用/移動應用的方法有很多,但是經常被忽視的一點就是“微交互”。
微交互的基本原則是:行動-反應。在真實物理環(huán)境中,每個動作都會有相應的反應。所以這個也適用于設計,這樣的小交互設計能讓界面看起來更加有生機和活力。
來看一下哪些地方需要用到微交互:
1,打開/關閉
2,調整設置偏好
3,上傳和下載
4,通知
5,社交媒體分享
6,下拉菜單和隱藏菜單
7,突出顯示CTA號召性用語

3、不知道怎么選擇顏色時,請使用安靜的顏色
我記得我制作的第一個UI設計方案是黑色系,從那以后,我對黑暗色調就有來一種偏好。我的大多數設計都是暗色調的。黑色能夠為設計賦予了一種其它顏色無法替代的優(yōu)雅。
有些設計方案,在開始設計之前就必須確定設計的配色方案,這里有一個訣竅,那就是使用柔和的顏色。

柔和的顏色指南
安靜的顏色讓設計師在不違背極簡主義的原則下,在頁面內創(chuàng)建出深度。用戶可以很容易地在深度較淺的藍色之上使用柔和的藍色,讓頁面有層次感,而不需要只使用陰影的層次結構效果。

4、光是來自頂端
陰影為用戶查找界面元素提供了寶貴的線索。
設計師們最常犯的錯誤就是忘記了光線是從頂端照下來的。照亮了頂部,并在下面有投影,物體的頂部較亮,底部較暗。
我們的屏幕是平面的,但是我們投入很了精力去讓所有的內容都能以3D的效果呈現出來。即使在平面設計、界面設計,我們也一直嘗試著不破壞扁平設計的原則下融入3D的元素:

5、為每個頁面添加一個聚焦點
突出重點是吸引用戶注意特定設計元素的不錯策略。這可能涉及到內容、圖像、鏈接、按鈕等方面。在大多數的設計領域,比如建筑設計、景觀設計、時尚設計等,都會使用這個策略,突出重點都是非常有效的。
平面設計師和攝影師廣泛使用 “三分原則”來創(chuàng)造藝術和設計上的重點內容。

在上圖中,突出重點是通過顏色來實現的。

在這個UI界面中,則是通過圖片來作為視覺的亮點。
6、讓用戶感覺到他們自己很聰明
設計不應該是復雜的。當用戶能夠預測某個事物的設計行為時,他們會感到很開心,因為這讓他們認識到自己很聰明。
用戶喜歡能讓他們感到自己聰明的產品和服務。他們花費的寶貴注意力,時間和金錢越值得,他們就會覺得自己更聰明。用戶在與您的產品互動時感覺越聰明,他們就越會喜歡上您的產品。
下面圖片的小例子。相比左邊的鹽和胡椒瓶,用戶更喜歡右邊的。因為用戶更容易區(qū)分哪個是鹽,哪個是胡椒粉。

界面設計時,如果漢堡包圖標是用來表示來自左側的菜單,則不要用它來表示配置文件的詳細信息。
7、保持一致
一致性的設計是直觀的設計。

當設計是一致時,人們可以毫無壓力的將原有認識遷移到新的環(huán)境中,并快速學習新的事物。這樣,他們可以專注于執(zhí)行任務,而不是花大量的時間去學習新的UI界面的。
在整個設計系統(tǒng)中使用熟悉的設計模式是保持一致的最佳方法。如果一個網站有兩個頁面都是顯示博客內容的,那么兩個頁面的設計應該具有共通性,這樣用戶看到新的頁面時,能夠明白是什么含義。25學堂改版后,文章列表頁采用了博客排列,而設計素材資源則采用了卡片式排列,讓用戶一下就能明白哪些是文章哪些是資源。
~此文轉載,如有侵權,請聯(lián)系刪除
熱門資訊
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
2. iPhone6的UI設計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
3. 移動端UI設計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設計的基本知識
4. 12個絕佳的UI設計網站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
6. 史上最全,平面設計UI設計必備的77個國內外素材、設計資源網站
ui設計社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設計... 對于品牌設計師來說,除了圖案素材收集之外,還有一個很重要的,就是設計故...
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現代平面...
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
想了解武漢UI設計培訓班的費用是多少嗎?不知道學UI設計要花多少錢?不妨看看這篇文章,了解UI設計培訓班的學費價格以及學習內容。
探索零基礎UI設計培訓的時長與薪資前景。了解數字藝術教育領域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
最新文章
同學您好!