一些偉大的例子和質(zhì)量是什么讓一個網(wǎng)站或博客設計技巧

質(zhì)量是一個單詞一個，很多人喜歡用在描述他們的網(wǎng)頁設計服務。?但是，什么是質(zhì)量，你怎么知道如果一個設計是質(zhì)量還是沒有。?嗯，我認為有不少地方的方式?在網(wǎng)頁設計的質(zhì)量。一旦你可以看到正是進入設計制造質(zhì)量的網(wǎng)絡，可以使用的技術，完善自己的風格。

我收集了幾個三分球，并收集了一些例子來解釋我是如何看質(zhì)量在網(wǎng)頁設計。

01。?間距

對，我期待在一個良好的網(wǎng)站設計為主要的事情之一就是與間距的設計元素巧妙地利用。?密切關注某些事情是如何出來，列隊間距能真正發(fā)揮作用的整體外觀和您的設計質(zhì)量意識。

我覺得你的間距，以獲得正確的關鍵是看你的設計內(nèi)的所有元素。?在更大的圖片來看確實可以幫助你得到一個不錯的主意如何最好地空間的元素。?有時縮小時，走在你的設計不同的外觀可以是一個很大的幫助。

優(yōu)秀間距的例子

大間距的Good.is網(wǎng)站

正如你可以在這里看到，有一個非常干凈的內(nèi)容和開放的感覺在這里。?這是完全下降到設計允許的空間周圍的文字和圖像良好的金額。

間隔了一個很好的數(shù)字醪網(wǎng)站

也有間隔出元素可以使他們有更多吸引力，更多點擊。?數(shù)字醪是一個很好的例子非常歡迎的網(wǎng)站。

Creatica日報空間堆

再次間距在這里大量使用確實有助于讓自己說話的內(nèi)容。?目前在每個帖子的內(nèi)容并不是很多，但他們已經(jīng)沒有害怕給的內(nèi)容很多的空間。?僅僅因為你只有幾行文字，并不意味著它不能使用了大量的空間。

空間地段的郵箱網(wǎng)站

縱觀在郵筒網(wǎng)站關閉看，你能真正看到的空間是存在的邊緣。?實際上，有一個60px填充這里。?這聽起來像了不少苦，但是當你看到它在行動上看起來很棒。

使用錯誤的間距

人的主要錯誤時作出談到間距是有自己的內(nèi)容太接近邊緣。?沒有你有多好您的內(nèi)容風格上，如果你補習班太多，它就會失去它的一個很大的風格和品質(zhì)。

例如不使用足夠的間距

我們發(fā)現(xiàn)在上一節(jié)有多好，間距是網(wǎng)站上的郵箱，但我們所做的模擬，在下方顯示將如何看待少間距。?而且你可以看到有多少壞間距可影響你的設計。?這需要很多遠離設計的質(zhì)量，當然刪除從感覺。

技巧的有效間距

多少間距使用的決心，不時會有所不同時間作出決定時，你真的需要訓練你的眼睛讓每個元素的間距為正確的金額，并有效地使用它來適應設計。?它的觸摸的東西，但你可以選擇與實踐起來。

??使用網(wǎng)格系統(tǒng)的設計
使用網(wǎng)格一定可以幫助您了解間距的重要性

??嘗試與再試一次
您可以隨時使用的試驗方法和錯誤，直到你找到什么期待權。

??白色空間并不是浪費的空間
僅僅因為你有一個空白區(qū)域，這并不意味著你必須填寫。

??減確實是更多
而不是試圖以適應更多的領域，適合少，給它的空間和保持公正的重要的重要信息。

02。?像素完美細節(jié)

你真的可以告訴你何時有人把網(wǎng)頁設計到真正的努力完成的。?有時它是微妙的東西，真正發(fā)揮作用，而很多人可能不會注意到。?我的意思，當我談論?像素完美的細節(jié)?是邊界方法密切注意線，邊緣和。?而不是僅僅有一個簡單的線，有時加上一些小細節(jié)，無論是微妙的梯度，或突出的東西作為一個簡單的1px陰影或真的可以使您的工作脫穎而出。?

像素完美的例子詳細

在細節(jié)上Envato密切關注

如果你看看我的例子已經(jīng)削減了，你可以看到在?示例1，如何綠色酒吧有一個1像素輕綠線邊界。?例2?使用的方塊內(nèi)軟的梯度并留下了陰影1px清除白色邊框的頂部。?聰明，用一個影子給它上面的一個突出印象。?綠色面積背后有一個非常微妙的軟陰影，幫助制定清晰的細節(jié)在下面的白框注意清潔。?雖然它看起來不大，肯定真的讓一切幫助to神色有點more拋光，they give和現(xiàn)實主義態(tài)度，almost像一個sense of三維元素是放置到頁面布局，而不僅僅是一個flat和static 。

關于Tutorial9.net詳細信息

大衛(wèi)萊格特有一個真正下大了解如何?像素的流行。?他最近重新設計的tutorial9像素是許多偉大的搭配等膨化技術。?在?例子1?你可以看到他的標簽看頂端。說有點滑頭加入一個簡單的1px突出?范例2?看到的一個多種技術的。?一個導航欄下拉陰影在相機圖標，一個突出的白色區(qū)域的陰影，在和一頂1px突出的。

像素完美紅磚分離器上的按鈕與健康

這個美麗的導航，以創(chuàng)建?瑞安舍夫?是另一個很好的例子，你的設計使用像素完美的細節(jié)，覺得拿到質(zhì)量研究。?粉紅色的按鈕有1px的亮點，并在分離之間的聯(lián)系和細節(jié)行具有相同水平的質(zhì)量，因為你可以看到，而不是僅僅有一個灰色的線分離，瑞安已包括它下面的一個突出1個像素，以防止它尋找單位和2維的。

像素的完善也適用于油漬：AvalonStar

在這里，我們有美麗的AvalonStar：失真的博客，它使用一個偉大的垃圾搖滾風格。?但即使有一個骯臟和蹩腳的設計使用1px的重點仍然可以發(fā)揮很大作用。?如果你看看?例子1?你可以看到一個影子梯度地區(qū)使用了頂級的棕色，綠色的盒子，它是下面有一個亮點在頂部1px。上述組合陰影和1個像素強調(diào)真正使盒子外觀，有點更加優(yōu)美。

完美的細節(jié)快速提示

在這種情況下的實踐，使完美的，你可以從像1px的突出行簡單的例子可以看到添加一些東西真的很酷深入到您的設計，你不必依靠真正結(jié)束前斜面和梯度并賦予事物的印象，深度位。

??保持它的微妙?
這恭維的內(nèi)容小細節(jié)是關鍵。

??想想像素
邊框，漸變，線條和陰影等不必是巨大的是有效的。

??前＆后?
比較你的結(jié)果如何，他們期待在你的應用的效果。?然后你可以看到他們是多么有效。

03。?深思熟慮的印刷術

雖然網(wǎng)站的實際內(nèi)容將不會被設計師寫的，它們在內(nèi)容的整體素質(zhì)同樣重要的作用。?他們的任務是確保內(nèi)容的方式，便于跟蹤和閱讀顯示。?有很多方法可以確保你的類型是可讀和實用，雖然我不會列出的規(guī)則和關于什么，和什么不該做的條例規(guī)定，我會給你一些例子，其中真正聰明的版式不一樣的結(jié)果。

經(jīng)過深思熟慮的例子印刷術

大和精美的Netsetter

標題在網(wǎng)頁設計是重要的，尤其是當你設計一個博客。?最近的一個網(wǎng)頁設計的趨勢是使用粗體大標題字體及。?積極的方式，這在數(shù)字工程，它不僅剔可用性的角度來看，從所有的權利盒，但它有助于創(chuàng)造空間，在確定設計結(jié)構。?這從例子?Netsetter?是一個偉大的畫像的這些觀點，你可以看到如何創(chuàng)建一個標題很多IT空間周圍的白色，自然是很容易閱讀。

領導和你的文字間距

該?Viget?網(wǎng)站的網(wǎng)頁設計真的是一個美麗的例子，是在重要的排版。?下面的例子中，我們看到（摘自展示他們的產(chǎn)品組合）再一次說明如何使用較大的字體大小有利于創(chuàng)造和開放空間。?即使有薄，脆的字體他們使用你可以看到多少空間已經(jīng)在該地區(qū)建立。?實際的字體本身是很圓滑的，是一個偉大的字體選擇。?另一件是站在這里是他們對細節(jié)的關注與?行的高度領導（）， 文本每行之間的間距已增加從默認值創(chuàng)建更多的空間，使文字更具有可讀性。其中一個手法，你可以嘗試在您的下一個設計。

萊杰網(wǎng)頁設計，字體以適應你的心情

尋找完美的字體可以通過試驗和錯誤，也可以使你的選擇設計，幫助將依據(jù)不同的心情某些字體。?這里的例子，?網(wǎng)頁設計萊杰，具有復古和陳舊看它，同時還具有一個非常開放和現(xiàn)代感覺，所以選擇字體，幫助喚起對這些類似的情緒是至關重要的成功。?亨利瓊斯（設計師）已經(jīng)選擇了一個流行的過渡襯線字體：標題以及格魯吉亞的贊美與復古的設計很破舊方面。?現(xiàn)代感覺的網(wǎng)站附帶了一個非常全面的，開放的感覺，它從一個非常不同的字體使用字體的標題，是一個無襯線體的主要內(nèi)容是用黑體。?選擇字體的例子：在這兩個非常聰明，真正幫助贊揚并設置設計的心情。

印刷術的快速檢查表在網(wǎng)頁設計

合模內(nèi)網(wǎng)頁設計好排版變得更容易一些當你看到一些字體（上）偉大的例子，但它到底是何時，使得這些例子都很好，你應該什么時候找你來設計你的未來網(wǎng)站？

??是否可讀？?
不要害怕讓你的大標題和大膽。

??你有沒有想過間距？
間距可以大大提高可讀性。

??您的字體是否符合心情？?
請確保您的字體設計的贊美。

大概有1000多秘訣在那里，但我不認為自己在這一領域的專家，我想我剛剛學會了欣賞排版好的影響。?如果您想了解更多有關的東西找出來并看到一些更好的例子，我強烈建議你檢查這個職位?由碎雜志。

04。?組織元素

作為一個設計師的上訴，因為它有很多的創(chuàng)意性，并確保它可以有很多樂趣。?現(xiàn)在我知道，組織不健全或在所有創(chuàng)造性的樂趣，但一旦你進入一個良好的組織習慣得到它并沒有被視為無聊，因為它的聲音。?這就是你在一個網(wǎng)站舉辦的元素總是會有所不同，這取決于是什么類型的網(wǎng)站是，如何重要的某些特征是該網(wǎng)站的內(nèi)容。

雖然總有一種變異的方式和地點你發(fā)生的事情，有一些事情可以做，使組織您的內(nèi)容很簡單。?你首先需要做的是決定你想要你的設計實現(xiàn)。?例如，你?設計到銷售?的產(chǎn)品，你設計的內(nèi)容，或者是你等設計注冊等及轉(zhuǎn)介

設計賣：37Signals的

縱觀在大規(guī)模流行的37個信號看網(wǎng)站很容易地看到，這并不是巧合，他們正在銷售他們的產(chǎn)品這么好。?他們做了它盡可能容易讓你看到的出售，并幫助您作出最后決定購買。?所有你想從設計到銷售的網(wǎng)站。

在示例圖像可以看到，該網(wǎng)站已經(jīng)4購買關鍵的功能，使鼓勵你的理想選擇。?注意?的第一件事是，他們已經(jīng)作出了大膽的titles＆big box一個非常dark一個快速的總結(jié)。?然后，他們又產(chǎn)生您的?利益?，列出的例證。與一個可愛的一些利益的每一件產(chǎn)品?的欲望?是下一個點，這是存檔放置報價及推薦，并在這一點上的“一些影片我們的客戶有什么要說?！弊詈笠涀〉奶攸c是?行動，對?37Signals的?有各種行動要點整個頁面，也很高興看到，在頁面很長，他們甚至有一些在頁腳行動要點。

為內(nèi)容的設計（博客）：嗯藥

當你設計一個博客是一個完全不同的故事。?您不必花時間說服并重新保證對你的產(chǎn)品用戶，您的“產(chǎn)品”是顯示了，您的內(nèi)容是你的產(chǎn)品。?請為您的用戶很容易地看到您的文章，他們探索，并與您和您的博客。

內(nèi)容?應是（1）首先（）你博客上看到。?在這個例子中一個不錯的粉紅色的標題字體加粗真正吸引你的眼睛直的內(nèi)容。?有一個很好的大小預覽圖像和良好的2 / 3段鏈接“文本后跟一個”繼續(xù)閱讀。?另外還有標準的日期和作者信息。?對我來說這是一個設計為質(zhì)量“內(nèi)容中最完美的例子，我想什么階級?！?span id="0c0wi0m" class="Apple-converted-space">?注意事項?，可向感興趣的東西，這里的漂亮大圖標是訂閱的重點，幫助用戶保持聯(lián)系與您的內(nèi)容。?加上它無疑將增加用戶數(shù)量，因此它在兩個層次的作品。?鼓勵你的用戶?瀏覽?是很簡單，你可以使用任何從側(cè)欄或標簽最近流行的內(nèi)容，向下拉菜單的或簡單及有效的名單。?這很容易做到，但很有效，尤其是在一個博客。?博客通常是非常個人的事情，所以讓你的訪問者?連接?與你在一個加多種方式可以是大，可有助于鼓勵人們?nèi)フJ識你，并訪問

技巧，以幫助組織您的內(nèi)容。

當然總有時間在這里您需要做的事情不同，打破常規(guī)。?但也有一些簡單的竅門，你可以按照保持一個結(jié)構良好，秩序井然的設計。

??什么是你設計的？
正如我們上面，決定了你的設計目標

??設計使用一個網(wǎng)格
網(wǎng)格可以讓您充分利用您的大部分空間。

??測試元素配售
是游客，你可以使用它。

??刪除任何不必要的元素
凡是沒有必要應予以刪除，或從方式

??注意平衡
有些東西需要保持簡單，讓別人照

05。?克制與微妙

設計師們一直在尋找辦法，使一個?影響?了一個獨特的設計或設計特殊效果內(nèi)。?但有時你可以通過一個影響較大的?抑制自己。?有那么一刻，很多東西橫跨從好到太。?一個好的設計師可以現(xiàn)場時，線已經(jīng)越過，避免把太多的特效設計成一個或。

隱蔽影響的例子，在網(wǎng)頁設計

關于“東西”網(wǎng)站軟梯度

我總是在看我的網(wǎng)站訪問了微妙的影響所有。?也許有點傷心，但我不能不挑選出所有的細節(jié)，為未來的啟示。?梯度?往往?超過使用?，真正在你的臉，但正確使用，可以增加一個梯度設計元素的現(xiàn)實和深度1。?大多數(shù)人甚至可能不點的梯度，以及那些對我是最好的。

碼頭上圖標陰影

圖標碼頭是一個微妙的自助餐。?像素突出，漸變和陰影。?但對于這個例子為了這一點，我們將重點放在?陰影，這不是非常大，它的不透明性已經(jīng)減少到只要把內(nèi)容框突出顯示并把它的提出非常輕微。?這是一個美麗的例子。

微妙的背景紋理;女子童子軍

擁有一個紋理背景可以使你的設計的成敗。?阿很多時候的背景變得太設計許多分散注意力，這實際上是企圖從質(zhì)量的影響。?因此，這往往是一個好主意，讓您的?微妙背景紋理和軟。該網(wǎng)站物色女孩做了非常出色的設計使用一個紋理贊揚整體風格與質(zhì)量。

磨損和撕裂的提示：Viget進展

我不認為你可以永遠不會過于微妙，任何細節(jié)的數(shù)量無論多么細微將顯著，以及人們是否知道它有沒有這樣做也有一個影響。?此博客例如，從Viget進展顯示了一些線索?磨損及撕裂，只是量的磨損非常小，但沒有它的文件會研究單位和沉悶。?這是小缺點，使之更可信和真實。

水彩畫的WebDesignerWall

當使用水彩總是很高興，以確保您的顏色組合，并保持顏色非常柔和，褪色，和好...沃特里。?用水彩可以在多方面受益的設計，它可以讓你注入一些微妙的顏色和紋理帶來一些，這就是為什么它成為許多設計師相當受歡迎的選擇，包括。

微妙的花卉元素;達拉花園

這是一個輝煌的例子?微妙花香?詳細設計內(nèi)。?有一些更生動的插圖相當驚人的，同時也是花，但在這個例子中，我們的重點是在柔和的細節(jié)與背景的打火機。?這確實顯示了微妙的重要性，穿柔軟的顏色和外觀的模式意味著你的眼睛是知道的細節(jié)，但它不是主要的重點。

在您的微妙設計技巧

對我來說，在一個微妙的細節(jié)設計能真正被推向一個好的設計，是驚人的。?如果你正在尋找一種方式來注入你的設計很特別，很微妙的細節(jié)是要走的道路。?這里有一些提示要牢記您的設計時，包括在微妙的細節(jié)。

??逐漸建立起自己的層
千萬不要只用一刷或紋理，建立您的詳細資料了。

??試驗不透明色
有時甚至3％的不透明度可以產(chǎn)生積極的影響。

??不要擔心，勇于
這樣做是不敢太微妙，或太褪色。

06。?使用顏色給它的全部潛力

人們常常對他們的個人品味判斷，這是一個巨大的錯誤的顏色。?如果你曾經(jīng)在一個情況下，你需要決定在什么顏色看看一個設計良好的心要永遠的品牌，建設一個主題和情緒使用的配色方案。

輝煌的使用在網(wǎng)頁設計的顏色

房地產(chǎn)可以實時彩：Oypro

我最喜歡的?Oypro?網(wǎng)站是，它證明了“無聊”主題有沒有一個無聊的設計。?所有的企業(yè)網(wǎng)站往往都不愿意讓設計師真正天賦傳達一些有創(chuàng)意的在他們的設計。?似乎有必要讓事情簡單，平坦，和灰色。?但是，這種設計，證明你仍然可以有一個企業(yè)尋找網(wǎng)站，?而不需要隱瞞。

讓您的顏色相關：田納西薩默泰姆

在田納西州的夏季是一個充滿活力，非常明亮，溫暖的網(wǎng)站。?你想要的一切贊同一個網(wǎng)站，是促進夏季活動。?有一出戲很多不同的色彩，在這里，但他們?nèi)慷际?span id="p2hvo2y" class="Apple-converted-space">?有關。?優(yōu)質(zhì)的設計有一個配色方案是相關的服務或產(chǎn)品，他們正在設計。?有時它是明顯的顏色選擇，為更有效地設計，一個很好的例子，我的觀點是?地獄的設計?-它不會被任何意義的紅色比firey。

在您的各種背景：Saturized工作室

這是不足夠的背景顏色有你，并期望以有趣。?背景的一些最好的是那些具有?多種位例如，在此我們看到美麗的橙/紅顏色和梯度受各種照明效果。?它提供了額外的東西的背景，并防止有用的東西，從陳舊和單位。?這里也需要注意的是?對比?與黑暗之間的深橙色的作品真的很好較輕的內(nèi)容區(qū)域設置落后得多。

提示使用色彩設計

色彩永遠是一個良好的勘探面積，嘗試不同的可能性和變化，但它總是要記住重要的幾件事情時，選擇顏色和配色方案。

??實驗
一個無聊的話題有沒有一個無聊的配色方案。

??新品種
在您嘗試使用彩色背景漸變，圖案，畫筆。?顏色本身并不想讓它好看。

??堅持一個主題
確保你的顏色有關您的產(chǎn)品/服務。

07。?沒有人做一些別人做了

網(wǎng)站的一些最出色的是那些與眾不同，奇怪，有點bizzare。?但那些挑戰(zhàn)規(guī)范最終可能會改變的標準是什么。?但是，真正原始的東西，創(chuàng)造別人沒做過的是?最難的事情做設計。

你可能最終會作出什么驚人的才華，或者你可以批評與最終的設計，但是值得的，無中生有。?這是一個成功與失敗之間的界限非常薄的，我是說，?原因是?什么的從來沒有做過的，它通常是因為它是一個?狗屎的想法。?你一定要勇敢愛步遠離人們知道，這里是該點的幾個例子：

獨特的導航對MB德拉甘

不完全是你的平均網(wǎng)站導航，但會作為很好的網(wǎng)站看看，如果只是有一個標準的導航。?我說這是一個具有在這樣一個不尋常的方式航行風險位，但它與站點適應，它是相關的，并且它做這樣一個標準，很難不明白它如何工作與整體設計。

Visualbox與他們非常視覺導航

Visualbox有一個共同的目標，向您展示他們的精彩的工作。?因此，他們得先看看有關文字很少，你看到的是他們的名字和他們的工作選擇。?在預覽框更改當您把鼠標移到它透露該項目的細節(jié)，因此它實際上是一個非常有效和實用的解決方案，具有更大的吸引力則僅僅有一個鏈接列表。

直接與尼古拉Mircic點

所以，你是一個界面設計，你希望人們看到你的工作，并聘請你。?尼古拉Mircic告訴我們?nèi)绾潍@得直接給它使一個真正令人印象深刻的網(wǎng)站。?你是一個迎接他的工作，他的名字和他做各種各樣的頂部，并聯(lián)系聯(lián)系。?目前沒有大規(guī)模文本或花言巧語說服你使用他的服務，他簡直讓他的工作為自己說話。?當然你可以在圖像上點擊查看更多＆得到一些文字，但如果布局非常獨特，我喜歡它的工作原理。

嘗試新的東西的秘訣

上面的例子并不意味著是“靈感”的獨特的想法，只是簡單的一對夫婦的網(wǎng)站，我發(fā)現(xiàn)，我認為是相當獨特的。?事實是你不能真正的想法四處尋找新的靈感，因為它戰(zhàn)利品種點。?所以真的是你可以只?忽略此整段?，如果你正在試圖想出新的東西！

??保持它的相關
如果你要做的事情非常新穎，獨特，問問自己“是否有意義”和“是否符合該品牌？”這樣的話去做吧！

??忽略一切你知道！
好吧也許不是萬能的，基本的原則可以保持不變，但沒有點新思路尋找靈感，你只是在錯誤的方向前進。

??保持優(yōu)質(zhì)水平
我覺得總的來說，如果你的新想法看起來不錯，和工程順利，更容易為你辯護。

你怎么看待一個質(zhì)量設計？

有這么多事情，可以使設計出的立場質(zhì)量，我會說我剛剛走過了幾個點的基礎。?所以我很希望看到?你的想法?，而不是思考什么或你看看你什么時候決定是否設計好。

?

?