網站首頁網站地圖google地圖百度地圖學習庫RSS在線PSPS聯盟素材下載  PS視頻教程專題 PS愛好者教程網www.479042.live PS教程自學網QQ群

Fireworks設計教程:學習制作漂亮的扁平化風格的登錄界面

時間:2020-01-08 11:13 來源:站酷 作者:hixulei 閱讀:
Fireworks設計教程:學習制作漂亮的扁平化風格的登錄界面。一些優秀的登錄界面設計,有以下幾個點需要考慮:

1.我們要設計的應用,是一定需要登錄才能使用的嗎? 如果不是,那么不必一打開應用就要求登錄,這會將很多潛在用戶拒之門外.

2.如果一打開應用就要登錄,那么如何設計才能更好的吸引更多用戶登錄和注冊?

3.如何簡化用戶登錄和注冊的成本?

4.如何設計能更好的符合我們應用的”氣質”?讓用戶第一眼就愛上我們的應用

先看一眼設計好的界面吧!第一個是登錄頁面的表單,第二個是點擊登錄后的動態效果.

Fireworks設計教程:學習制作漂亮的扁平化風格的登錄界面

Fireworks設計教程:學習制作漂亮的扁平化風格的登錄界面

我們首先分析下這個界面使用了什么元素.

1.一個logo,這個我們在上一節的設計教室中講過如何來做.

2.一個深灰色的圓角矩形

3.一個綠色圓角矩形登錄按鈕

4.兩個圖標(郵箱和鎖的icon)

5.背景圖片

6.忘記密碼和新用戶注冊的文字

Fireworks設計教程:學習制作漂亮的扁平化風格的登錄界面

logo我們在上一節中講過設計過程,所以我們這里可以直接拿來用.繼續觀察,我們發現登錄按鈕還有登錄框都使用同樣形狀的圓角矩形, 只不過顏色有差異而已,那么,我們先來畫一個圓角矩形.

畫一個圓角矩形

PS筆刷下載 PS濾鏡下載 PS形狀下載 PS樣式下載 PS動作下載 PS圖案下載
相關教程
伊利股票涨跌