免费无码视频,五月婷婷丁香,亚洲日韩一区二区,亚洲精品黄色,久久日韩精品一区二区三区色欲,成人在线网站,无码国产精品一区二区高潮,亚洲精品一区

品優(yōu)網(wǎng)絡(luò) 十六年(2003-2018)專注
制作整潔漂亮網(wǎng)頁的4個原則
日期:2014-12-11 作者:admin 來源: 瀏覽次數(shù):0 網(wǎng)友評論 0

企業(yè)網(wǎng)站推廣1

我更喜歡的設(shè)計書籍之一就是《Robin Williams Design Workshop》.它深入實際的設(shè)計理論,并且包含許多更棒的設(shè)計實例。其中一個值得關(guān)注的地方就是4項主要的設(shè)計原則,它們已經(jīng)在設(shè)計中為我所用。這4項原則就是:反差, 重復(fù), 排列, 和分類。

本文將討論這4項與web設(shè)計相關(guān)的原則。只要在腦海中牢牢記住了這4項原則,你就一定可以設(shè)計出更加整潔漂亮的網(wǎng)頁。

1.反差效果

好的反差效果設(shè)計可以給用戶一個更好的前幾印象。如果用戶的眼睛沒有焦點,注意力就會在處處是相同尺寸的元素和排版界面中迷失。設(shè)計師需要設(shè)計出很明顯的突出視覺元素來引導(dǎo)用戶的體驗。你可以通過選擇圖片、顏色和字體等來形成良好的反差效果。

圖片反差

當(dāng)需要在很多小元素后面展示一個大尺寸的插圖時,這種方法很有效。嗯,我的意思就是,比如:

The Invoice Machine

這個網(wǎng)頁利用一張大圖片來吸引用戶的注意。而同時網(wǎng)頁很自然的單色又讓很少的藍色應(yīng)用有了更好的效果。

Instabox

當(dāng)你眼睛看到這個頁面的時候,首先你會注意到什么?更有可能的就是盒子上面的那個星星了。跟 The Invoice Machine 一樣,它們都是通過用一張大圖片和很少的顏色來制造一個視覺焦點。

顏色反差

恰到好處地使用少量顏色,是網(wǎng)頁中另一種制造視覺反差的有效方法??梢栽诰W(wǎng)頁的頭部和文本拷貝中使用不同的顏色,也可以在一張圖片或插圖的顏色里面應(yīng)用。

Fatburgr

這個網(wǎng)站是更出色的一個所有設(shè)計原則的應(yīng)用實例。關(guān)于顏色反差我們來看看它大大的黃色頭部和小小的淡灰文字。排列、圖片反差、重復(fù)和分類這幾個原則做得都很**。

I Love Typography

一個用來展示排版的網(wǎng)站如果在它自己的頁前幾就為我們展示了一個更好的排版效果,那讓人覺得多驚奇?。∥蚁矚g他們所用的字體,也喜歡他們良好的青色和深灰色搭配。

字體反差

如果你想通過字體來產(chǎn)生反差效果,就應(yīng)該避免使用2個很相像的字體外觀和大小。很相像的字體會造成混淆,并讓設(shè)計變得模糊。不過把字體大小弄得很不一樣就會非常有效果,或者是把字體更細(xì)和更粗的版本拼合到一起也同樣有效。同樣的,如果你將兩種外形差別明顯的兩種字體排在一塊,就會對它們帶來的視覺沖擊效果感到驚奇。把一個 san serif 字體和一個手寫字體放在一起就是一個例子。

Fixie Consulting

哇噻,我真的非常喜歡這個網(wǎng)站上使用的排版和顏色。注意看他們標(biāo)語的大小和筆畫。頁面上灑水效果和少量藍色的使用,都讓我非常欣賞。

2.重復(fù)原則

跟web設(shè)計相比,重復(fù)原則在書本設(shè)計中應(yīng)用得更加普遍,不過它在兩者之間都是一樣有效的。重復(fù)的設(shè)計元素可以使頁面顯得很連貫,還能提升品牌。在web設(shè)計中,可以很好地達到這個目的的一個方式是在網(wǎng)頁的頭部和腳部重復(fù)放元素。看看下面這些例子吧。

Ten24 Media

Ten24 Media 在頭部和腳部都使用了很有創(chuàng)意的插畫。

Silverback

這個網(wǎng)站更對是超贊的!我更對可以在前面“反差原則”部分就可以把它作為一個好例子亮出來的,可它在“重復(fù)原則”部分也是一個好例子,因為它的界面風(fēng)格和品牌部分都很明顯地應(yīng)用了這個原則。仔細(xì)看它用香角凹復(fù)當(dāng)做列表前面的圖標(biāo),還有頭部、腳部的森林插畫。

3.排列原則

你的網(wǎng)站外觀設(shè)計得很業(yè)余還是很專業(yè),排列原則在其中扮演了一個很復(fù)雜的角色。更近我很主張在設(shè)計網(wǎng)頁時使用格欄。這么做可以讓你的設(shè)計很干凈,也可以提供一個很好的設(shè)計框架。如果你有興趣想學(xué)習(xí)更多關(guān)于格欄設(shè)計的知識,去看看我更近的文章吧(在這王婆賣瓜,自賣自夸一下),Design A Fresh Blog Theme On The 960 Grid.

Black Estate Vineyard

這個網(wǎng)站在960 Grid website上有展示。它的版面排列很連貫也很引人注目。我很欣賞它將主要內(nèi)容整齊地排在左邊的做法,盡管有些大級別的頭部破壞了這個規(guī)則并排到了左側(cè)邊欄里面。對留空的大量使用和字體反差大小的使用都非常不錯。

A List Apart

A List Apart 中使用的可視格欄非常有特色。里面的欄目設(shè)計良好,把所有包含內(nèi)容都變得易于閱讀。研究表明過寬的欄目會造成嚴(yán)重的閱讀困難。在跟隨那么寬的欄目中的文字時,你的眼睛會變得很累。 A List Apart

4.分類原則

更后一個原則是分類。只有在將相關(guān)元素分組,將無關(guān)元素分開的時候才會用到這個原則。假如你將所有東西都分到同一塊文本塊中,更對會摧毀用戶的體驗。這就是為什么使用頭部標(biāo)簽和適當(dāng)?shù)牧艨帐悄敲吹闹匾?/P>

Envato

這個網(wǎng)站漂亮地將內(nèi)容規(guī)整地組織到三個主要分類下,這些內(nèi)容的定義既清晰又規(guī)整。

Paradigm Reborn

這個網(wǎng)站結(jié)構(gòu)良好。頭部既整潔又簡單明了??瞻琢舻暮芎茫瑑?nèi)容分開放得很有邏輯。

更終思想

當(dāng)你腦中時刻惦記著這4個基本原則時,你會發(fā)現(xiàn)你的設(shè)計有了不可思議的改進。當(dāng)然肯定還有許許多多別的東西也需要考慮,但是以反差、重復(fù)、排列和分類作為基礎(chǔ)你的設(shè)計會取得長足進步。

到你了

加入到討論中吧。你對這些設(shè)計原則有什么看法?能否分享別的一些東西?

制作整潔漂亮網(wǎng)頁的4個原則,歡迎合作。

企業(yè)網(wǎng)站推廣2

查看更多寧波網(wǎng)站建設(shè)整潔原則漂亮

寧波網(wǎng)站建設(shè) (http://m.liejin.net.cn/) 版權(quán)與免責(zé)聲明
    1、凡本網(wǎng)注明“來源:寧波品優(yōu)網(wǎng)絡(luò)”字樣的所有作品,版權(quán)均屬于浙江省寧波海曙品優(yōu)網(wǎng)絡(luò)技術(shù)有限公司,如需轉(zhuǎn)載、摘編或利用其它方式使用上述作品,請與本網(wǎng)聯(lián)系。
    2、凡本網(wǎng)注明“來源:XXX(非寧波品優(yōu)網(wǎng)絡(luò))”的作品,均轉(zhuǎn)載自其它媒體,轉(zhuǎn)載目的在于傳遞更多信息,并不代表本網(wǎng)贊同其觀點和對其真實性負(fù)責(zé)。寧波網(wǎng)站建設(shè)的轉(zhuǎn)載僅為信息的廣泛傳播,如有侵權(quán)請及時告之刪除。
返回:寧波網(wǎng)站建設(shè)
甘孜| 滁州市| 信阳市| 邓州市| 沂源县| 公安县| 共和县| 苍梧县| 苗栗市| 南江县| 双辽市| 镇坪县| 日照市| 宁陕县| 元氏县| 安乡县| 道孚县| 六安市| 梅州市| 静乐县| 宿松县| 嘉黎县| 新沂市| 望江县| 崇文区| 伊春市| 来宾市| 沧源| 贵州省| 桐柏县| 华蓥市| 大足县| 吐鲁番市| 南木林县| 塘沽区| 巴南区| 昂仁县| 广宗县| 潮州市| 新和县| 敖汉旗|