14個UI設計小技巧我先收藏了

2021-10-06 19:00:58 字數 1287 閱讀 6936

目的:做詳情之前得清楚詳情頁的核心目的,個人認為是展示產品賣點與傳遞產品資訊,形成轉化,美觀是其次。

所以在製作詳情頁的時候得時刻記住自己主要想表達的是什麼,在資訊傳達到位的前提下,可以檢查下下面的細節。

一屏的尺寸

鑑於目前95%的詳情頁使用者都來自無線端,所以我們在做詳情頁的時候,有必要了解目前自己工作主要使用的平台的尺寸是多少,這裡平台以某寶為例,手機用iphonex,計算出了一屏可展示的高度,這樣自己在做詳情的時候就知道多高比較合適了。

豎屏思維

圖示設計

圖示在傳達資訊的時候,比只有文字的時候效率要高,也更容易記住。在使用的時候注意統一性,切忌面性圖示和線性圖示混合使用,在使用線性圖示的時候,還要記得統一圖示的粗細。

關於人物肖像

當需要出現多個人像的時候,最好使他們形象大小、方向、色調一致,眼睛在畫面的高度最好也統一,這樣有利於畫面和諧。圖形

圓形最好不要人為拉伸,因為這樣並沒有任何意義,並且還會認為是你做設計不夠細心造成的。

圓角矩形

關於圓角矩形的大圓角,不是不可以用,但是大部分人用的不好,所以穩妥一點,我推薦圓角小一點,或者拉成半圓,會大氣很多。投影

黑顏色的投影其實也好用的,但是或許有更好的方式,試試加了紅色的黑色吧,也許看上去更乾淨一點。

按鈕 & 搜尋欄

憑感覺做的一般都是從業很多年的設計前輩了,如果不知道為什麼別人做出來好看,可以試著分析下按鈕的負空間,與單個字型之間的比例,做出來的按鈕整體效果要比之前的大氣哦。箭頭

很多初學者習慣偷懶用英文的符號代替,但是往往細節決定成敗,隨便畫乙個矩形,刪除乙個錨點,旋轉45就能畫出來,記住統一成文字的筆畫粗細。

字型搭配

在對於字型個性不太了解的情況下,黑體搭配黑體、宋體搭配宋體,是不會有錯的(黑宋搭配是比較難掌握的),但是搭配的時候需要注意,英文在同字型大小的時候行高沒有漢字高,需要加大1-2個字型大小,同時字重需要匹配。

標題與正方

標題與正文,想要搭配的好看,前期推薦用計算器,固定好標題文字大小或者內文文字大小,然後用1.414、1.5、1.618、1.732、2、3等比例進行運算。

輔助線

推薦拉輔助線的是按住shift,輔助線會以1、10這樣的整數變化,不會出現小數點的輔助線,避免在對齊的時候出現1px的誤差,被說成是粗心的失誤。

閱讀順序

對於乙個步驟,試試用1、圖、文字的順序,跟圖、1、文字的順序閱讀,就知道哪個更流暢,更能帶來良好的使用者體驗。

標題推導

當你的詳情中,有多屏視覺頁展示的單頁,且文字適合排在上方的時候,盡量讓這個文字在每屏中的位置一樣,這樣會讓你的設計看起來很規整,也很有設計感。

UI設計師簡歷填寫小技巧

1.個人資訊 這個想必大家都清楚,我們只需要填寫姓名,性別,年齡,婚否,籍貫,現居地,工作經驗,大學與專業,再加上一枚個人頭像,這幾個求職必備資訊缺一不可。這些都要填寫客觀事實資訊,可以相對隱藏弱點,但是不要造假,如果這個都有假資訊,那就屬於不誠信。我在面試的簡歷中遇見的最奇葩的就是某些求職者會寫出...

公升級UI設計作品集特色的4個小技巧

ui設計是當前市場上比較熱門的行業之一,而作品集被看做其敲開企業高薪大門的密鑰匙。作為乙個ui設計新手,如何才能製作出別具特色的作品集 實現就業夢想呢?我認為掌握以下幾點很重要。工欲善其事必先利其器,想要做出好的作品集,就要把需要的工具準備好。除了要把基本的word準備好外,你還可以使用keynot...

乾貨分享 20個化妝小技巧!(建議收藏)

1.可以用黃色遮瑕膏提亮眉骨鼻樑眼下,會比般的高光更加自然 2.泛紅的地方要用綠色遮瑕膏來修飾,暗黃的地方用紫色遮瑕膏,會有很自然的提亮效果 淚溝部分可以用蜜桃色遮瑕膏提亮遮蓋,用遮瑕刷或手指暈開就ok了 4.底妝上完兩手搓熱捂一下臉,再輕輕拍打下,底妝會很服帖 夏天時粉底可以選深一號色,底妝不會太...