昨晚20:00，木梅老師給我們帶來了非常精彩的網(wǎng)頁設(shè)計技巧。小A整理總結(jié)了老師的課程內(nèi)容~錯過直播的同學(xué)不要錯過這篇文章哦~

直播亮點一覽：

1、設(shè)計頁面中，首屏高度不宜大于580像素。

2.焦點圖像中的主題要顯眼

3、畫面中元素的光環(huán)境一致

4、裁剪圖片時不能有毛邊。

5.頁面內(nèi)容的優(yōu)先順序應(yīng)清晰。

6.選擇合適的材料

課程具體內(nèi)容如下：

1、首屏最佳高度為580：

常見的分辨率和瀏覽器高度如下所示：

不同分辨率的用戶比例不同，1024*768分辨率的用戶比例達(dá)到29%。

把它們加起來：

建議在580PX高度范圍內(nèi)顯示最重要的信息

允許用戶直接在第一個屏幕上看到頁面，而無需向下滾動。

2.標(biāo)題需要足夠顯眼

下面這張圖的標(biāo)題是不是很明顯？

要快速判斷是否顯眼，只需將網(wǎng)頁脫色，看看站在遠(yuǎn)處是否能看得清楚。

顯然，這張圖的標(biāo)題還不夠明顯。什么樣的畫面才引人注目呢？

下圖：去色后依然清晰的標(biāo)題就是明顯的標(biāo)題！

所以：

3. 光的一致性

當(dāng)光線不一致時，整個圖像就會顯得很奇怪。

什么樣的照片光線一致？

總結(jié)：

4. 切口邊緣粗糙

鏤空是否有毛邊體現(xiàn)了設(shè)計的工作經(jīng)驗和水平。中軟的一名高級設(shè)計師每天早上可以完成50個沒有毛邊的剪紙。你能告訴我，剪紙能代表設(shè)計水平嗎？是的！至少摳圖的水平代表了一個設(shè)計師的基本功！

使用魔棒或橡皮擦?xí)r很容易產(chǎn)生毛刺。那么AAA老師會推薦你用什么工具來剪切圖片呢？

我們會在以后的公開課中告訴你~

5.頁面內(nèi)容的優(yōu)先級要明確

上述話題中最突出的問題是什么？

混亂

修改后頁面：

6、選擇合適的材料

如何檢查材質(zhì)是否合適？刪除文字，看看您是否能理解您想說的內(nèi)容！

分解元素：

看完以上內(nèi)容，你學(xué)會網(wǎng)頁設(shè)計了嗎？即使你還沒學(xué)過，你也應(yīng)該知道如何判斷一個頁面的質(zhì)量！

想了解更多設(shè)計技巧嗎？

加入我們的直播群一起學(xué)習(xí)：219461482