設計更好的界面,升職加薪如此簡單

在考慮UI設計時,我們會想到一些奇特的顏色,樣式和佈局,而做這些事情似乎非常困難。但是,如果我們看一下那些看起來很吸引人的設計,這些設計是由大公司開發的,並且隨著時間的推移它們已經做出了改變。我們會發現簡單的設計效果很好。

設計更好的界面,升職加薪如此簡單

在本文中,優時節將指導您完成一些世界上最常用的應用程序所做的更改,以及這些更改如何教會我們建立更好的用戶界面。

讓我們看看這些應用程序中所做的一些更改。


設計更好的界面,升職加薪如此簡單

在看了這張圖片之後,我們可以看到那些漸變和3D的外觀是如何變得越來越簡單,顏色越來越少,圖標也越來越簡單

設計更好的界面,升職加薪如此簡單

facebook設計趨勢2008-2017

同樣的事情也適用於Facebook的應用程序。他們去掉了那些奇特的漸變,開始使用簡單的圖標


設計更好的界面,升職加薪如此簡單

讓我們看看一些網頁設計。

設計更好的界面,升職加薪如此簡單


設計更好的界面,升職加薪如此簡單


設計更好的界面,升職加薪如此簡單

那麼,這些設計的關鍵是什麼?

•簡單,顏色少

•組件周圍的間距

•使用圓角

•簡單圖標

•對齊

讓我們看看如何設計一些組件:

•登錄表單

讓我們從瀏覽器的默認樣式開始

設計更好的界面,升職加薪如此簡單

現在讓我們把它們垂直堆疊起來,並在中間留出一些空間。

設計更好的界面,升職加薪如此簡單

現在更改背景顏色,使窗體彈出一點。

設計更好的界面,升職加薪如此簡單


但看起來不太好。讓我們調整一下,放一些帶邊框和陰影的圓角。

設計更好的界面,升職加薪如此簡單

現在看起來又漂亮又愉快,但是按鈕沒那麼酷。所以,讓我們在按鈕裡面放一些填充物,然後用彈出的顏色把它放在右邊


我們可以看到這些簡單的改變是如何使它變得漂亮的。

設計更好的界面,升職加薪如此簡單

因為這是一個簡單的登錄表單,我想幾乎每個人都知道先輸入電子郵件,然後輸入密碼。這就是為什麼我使用佔位符,但對於複雜的表單,請使用標籤。

只是不要複製別人的設計並使用它。嘗試進行調整,因為通過對其進行試驗,您將學會創建自己的與他人不同的設計。否則,整個互聯網將變得一樣。


分享到:


相關文章: