我猜想,大多數人都是從了解一點UIppt設計模闆,或許根本不了解的狀況下開始設計的。在本文中,我将共享我從不同設計師那裡學到的和在規劃用戶界面時學到的東西,還包含我自己的一些新發現。聲明:以下的“不好的”示例并不一定意味着它們是過錯的。這僅僅從傑出的設計計劃改進到更優異計劃的根本。
1.讓ppt設計模闆重要的文字愈加突出當文字需求分清層次結構時,單純使文字變大來着重一般不能處理問題,就像下面的問題相同:文字的層次結構不僅僅小和大的聯系,它需求文字在巨細、字重和色彩三個方面進行正确的組合,構成比照,比照度越大越好。那麼如何規劃更好的比照呢?
首先,不要運用一種字重不同字體巨細的辦法來樹立比照和層次。
第二,相反,把首要内容加粗加深,把非有必要内容變細變淡(不太重要的)。
第三,創立三種不同的文字色彩,從深色到淡色(下面的示例)。一般我運用設計的底色彩作為正文文字色彩。
第四,不要懼怕運用大的字體份額(例如:24px标題、16px正文、10px标簽等)。
2.ppt設計模闆不要運用多種雜亂的色彩值不要在你的色彩挑選器上下移動,僅僅為了挑選一些深色色值,這樣做會讓你的設計變得雜亂。咱們都知道運用黑色文字色彩(#000)會給讀者眼睛形成疲勞,因而咱們的替代計劃是用比較暗的色彩。運用不同透明度的黑色作為處理計劃,而不是去用雜亂的十六進制色彩值。在我上面的實例中,我運用黑色作為首要色彩(#000),并依據其運用的方位(如首要内容,非有必要内容等)下降其透明度。
3.用數學辦法了解ppt設計模闆色彩大多數人都會喜愛适宜的色彩組合,每逢看到一個精彩的配色時,都會問自己:“他們是怎麼做到的?”(就像下面的那幅圖)了解色彩不僅僅是對那些從一開端就有規劃天分的人,你可以容易的就脫節單調的白色布景,把它變成像畢加索的作品相同,就像下面的比如:了解兩種色彩形式的辦法。
實際上有兩種辦法,咱們可以看到,兩個選項都有相同的根底色彩#B9F4BC(圓圈布景),但在文件夾和條帶色彩上有不同。在咱們開端的時分,請記住榜首個數字對應于色相,其次是飽和度,最終是亮度。
選項A
在選項A中,咱們可以看到色相值123在悉數形狀(圓、文件夾、條帶)上始終未變,而飽和度和亮度則都發生了改動。現在,以飽和度24和亮度96為根底值去改動。當咱們為文件夾設計深綠色時,這說明飽和度在改動,無論是遞加還是遞減的,都需求與亮度成反份額調整,以設計出傑出的比照(反之亦然)。相同的工作也發生在條帶中,運用文件夾的飽和度和亮度作為根本值,飽和度從40遞加到44(增加 04),亮度從82降到75(削減-07)。然後引出公式:深色色彩=飽和度增加亮度削減淡色色彩=飽和度削減亮度增加每逢我想知道我的規劃應該運用什麼正确的色彩時,這個公式協助了我。我認為最好是有一個根本色,并從那裡開端調整飽和度和亮度,一起堅持色相值不變。
選項B
在選項B中,相同的原理依然适用(咱們上面的公式),但這次色相值會改動。例如:色彩拾取界面由于想要規劃一個更深的底闆布景色彩#B9F4BC(圓形布景),并運用到文件夾圖标中。這個時分就需求把色彩挑選器移動到最近的RGB方向(在這個比如中是藍色)。咱們現在運用選項A中的公式,成果咱們得到了下面這個配色:赤色,綠色,藍色(RGB) 選項A公式=深色色彩青色,品赤色,黃色(CMY) 選項A公式=淡色色彩
4.運用留白對内容進行分組
5.運用色彩分隔行色彩作為區分在規劃時,做列表界面可能會很無聊,由于隻需求不斷仿制組件即可完結。可是在用戶看來,閱讀這些列表就會很困難,特别是假如在一行與另一行之間沒有很大差異的時分。因而除了運用線,增加色彩布景對可讀性來說也會有很大協助,關于規劃師來說也更有有成就感。
6.突變填充替代文字的投影标題規劃特别是在布景是動态的,規劃标題并在圖片上增加文本就變得十分具有挑戰性。一般,帶有動态圖片布景的文字。可是最近,我發現了運用突變填充的新辦法。
7.行的長度大多數規劃師一般會把每一行做的很長來習慣網頁寬度。但這樣會給用戶帶來視覺壓力,每一行45-65個字符是最抱負的。假如你為了到達抱負作用縮短了行的長度,導緻右側有一個十分大的留白空間,如下圖所示:右側有一個很大的白色區域不要置疑你做的初衷。
8. 将規劃組件化規劃不一緻的當地在于它并沒有根據标準。在開端為特定的内容規劃界面之前,嘗試回頭看看以前的一些規劃,由于很可能會看到可以複用的款式。這樣可以節約規劃師的時刻,并堅持界面統一。
9.運用品牌色彩作為重點一般認為,品牌色彩有必要占有界面色彩的很大一部分。咱們很難在潔淨簡約的規劃中向客戶展現大面積的霓虹黃色,橙色,和粉赤色品牌色彩。那麼究竟怎麼做呢?僅僅需求将它們用來作為着重色即可。
10.重點傑出最終,像上面那樣去規劃一個列表時,可以讓挑選框,符号或許數字在頁邊。這樣可以使得列表更明晰,可讀性更強。希望這10個規劃小技巧可以協助你提高你的界面規劃。
希望這10個規劃小技巧可以協助你提高你的界面規劃。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!