發(fā)布時間:2024-04-11 16:46:04 瀏覽量:167次
平面設計、界面設計本應該是一個化繁為簡,解決問題的工具,但是我們經(jīng)常通過設計把問題變得更加復雜,為了設計而設計。所以,今天和大家分享幾個小技巧,幫助ui設計師做出更好的設計。
1、極簡主義,盡可能的留白
設計師喜歡留白,但是客戶想填滿。。。
留白是構成一個好的視覺布局重要元素,但也是最容易被忽視使用的元素。通常情況下,留白意味著浪費屏幕空間。但實際上,留白對于設計更加簡化的布局非常有用,因為這樣可以讓用戶專注他們看的內(nèi)容。
來看一個留白使用得不錯的例子:
2、微交互設計
推動用戶參與網(wǎng)站/網(wǎng)絡應用/移動應用的方法有很多,但是經(jīng)常被忽視的一點就是“微交互”。
微交互的基本原則是:行動-反應。在真實物理環(huán)境中,每個動作都會有相應的反應。所以這個也適用于設計,這樣的小交互設計能讓界面看起來更加有生機和活力。
來看一下哪些地方需要用到微交互:
1,打開/關閉
2,調(diào)整設置偏好
3,上傳和下載
4,通知
5,社交媒體分享
6,下拉菜單和隱藏菜單
7,突出顯示CTA號召性用語
3、不知道怎么選擇顏色時,請使用安靜的顏色
我記得我制作的第一個UI設計方案是黑色系,從那以后,我對黑暗色調(diào)就有來一種偏好。我的大多數(shù)設計都是暗色調(diào)的。黑色能夠為設計賦予了一種其它顏色無法替代的優(yōu)雅。
有些設計方案,在開始設計之前就必須確定設計的配色方案,這里有一個訣竅,那就是使用柔和的顏色。
柔和的顏色指南
安靜的顏色讓設計師在不違背極簡主義的原則下,在頁面內(nèi)創(chuàng)建出深度。用戶可以很容易地在深度較淺的藍色之上使用柔和的藍色,讓頁面有層次感,而不需要只使用陰影的層次結構效果。
4、光是來自頂端
陰影為用戶查找界面元素提供了寶貴的線索。
設計師們最常犯的錯誤就是忘記了光線是從頂端照下來的。照亮了頂部,并在下面有投影,物體的頂部較亮,底部較暗。
我們的屏幕是平面的,但是我們投入很了精力去讓所有的內(nèi)容都能以3D的效果呈現(xiàn)出來。即使在平面設計、界面設計,我們也一直嘗試著不破壞扁平設計的原則下融入3D的元素:
5、為每個頁面添加一個聚焦點
突出重點是吸引用戶注意特定設計元素的不錯策略。這可能涉及到內(nèi)容、圖像、鏈接、按鈕等方面。在大多數(shù)的設計領域,比如建筑設計、景觀設計、時尚設計等,都會使用這個策略,突出重點都是非常有效的。
平面設計師和攝影師廣泛使用 “三分原則”來創(chuàng)造藝術和設計上的重點內(nèi)容。
在上圖中,突出重點是通過顏色來實現(xiàn)的。
在這個UI界面中,則是通過圖片來作為視覺的亮點。
6、讓用戶感覺到他們自己很聰明
設計不應該是復雜的。當用戶能夠預測某個事物的設計行為時,他們會感到很開心,因為這讓他們認識到自己很聰明。
用戶喜歡能讓他們感到自己聰明的產(chǎn)品和服務。他們花費的寶貴注意力,時間和金錢越值得,他們就會覺得自己更聰明。用戶在與您的產(chǎn)品互動時感覺越聰明,他們就越會喜歡上您的產(chǎn)品。
下面圖片的小例子。相比左邊的鹽和胡椒瓶,用戶更喜歡右邊的。因為用戶更容易區(qū)分哪個是鹽,哪個是胡椒粉。
界面設計時,如果漢堡包圖標是用來表示來自左側的菜單,則不要用它來表示配置文件的詳細信息。
7、保持一致
一致性的設計是直觀的設計。
當設計是一致時,人們可以毫無壓力的將原有認識遷移到新的環(huán)境中,并快速學習新的事物。這樣,他們可以專注于執(zhí)行任務,而不是花大量的時間去學習新的UI界面的。
在整個設計系統(tǒng)中使用熟悉的設計模式是保持一致的最佳方法。如果一個網(wǎng)站有兩個頁面都是顯示博客內(nèi)容的,那么兩個頁面的設計應該具有共通性,這樣用戶看到新的頁面時,能夠明白是什么含義。25學堂改版后,文章列表頁采用了博客排列,而設計素材資源則采用了卡片式排列,讓用戶一下就能明白哪些是文章哪些是資源。
~此文轉(zhuǎn)載,如有侵權,請聯(lián)系刪除
熱門資訊
1. iPhone6的UI設計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
3. 移動端UI設計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設計的基本知識
4. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
9. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
10. 武漢UI設計培訓班費用怎么樣?想學UI設計要多少錢?
想了解武漢UI設計培訓班的費用是多少嗎?不知道學UI設計要花多少錢?不妨看看這篇文章,了解UI設計培訓班的學費價格以及學習內(nèi)容。
最新文章
同學您好!