網(wǎng)頁設(shè)計推向另一個層次
深圳網(wǎng)站設(shè)計微妙的細(xì)節(jié)：把網(wǎng)頁設(shè)計推向另一個層次
你曾經(jīng)看過一個網(wǎng)站，立刻被它的設(shè)計給人留下了深刻的印象？然后你仔細(xì)看看，發(fā)現(xiàn)真正使它驚人。這是微妙的細(xì)節(jié)。一些設(shè)計師在他們的設(shè)計包括。這些類型的設(shè)計師正在邊境線的完美主義者，不憚于充分利用縮放工具，在PS圖象處理軟件一個像素的筆刷大小。在這篇文章中，我們將看看幾種微妙的細(xì)節(jié)正在使用的網(wǎng)頁設(shè)計，把他們從偉大。

像素完美線工作
像火花的設(shè)計師，用1像素線沿四周和頂部的導(dǎo)航欄的搜索欄底部，使邊緣的流行。任何時候，你有一個較淺的顏色旁邊的深色，較輕的人會出現(xiàn)更接近的錯覺，有一個上升的邊緣。請注意，線條只有幾個色調(diào)比背景顏色輕。這就是使技術(shù)有效。如果使用的是白色的線，它會一直強(qiáng)烈的影響了。

類似的技術(shù)被用于Atebits，但這里是用來創(chuàng)建器。注意，他們由兩個1px的線并排，一深一淺。這給出了一個鑲嵌槽的錯覺。另一個很好的接觸是如何結(jié)束的線條消失，而不是突然結(jié)束。

微妙的細(xì)節(jié)
陰影與約束
陰影是一個偉大的方式給設(shè)計深度，但當(dāng)創(chuàng)建陰影，重要的是不要超過它。PS圖象處理軟件的陰影效果，是一種危險的事情時，在錯誤的人手中。陰影的強(qiáng)度應(yīng)該與背景顏色有很大關(guān)系。較深的背景需要較暗的陰影，較輕的背景更輕的陰影。
對fubiz設(shè)計師使用下面的導(dǎo)航欄的一個微妙的陰影給的幻覺，它提高了頁面。

為樂趣，讓我們看看會發(fā)生什么，如果設(shè)計師有點(diǎn)瘋狂的陰影?？纯聪旅娴膱D片。結(jié)果顯得相當(dāng)業(yè)余的。
微妙的細(xì)節(jié)
官方網(wǎng)站的白宮有陰影無處不在，但因?yàn)樗麄兌甲隽宋⒚畹模摼W(wǎng)站保持一個非常干凈的外觀。

微妙的細(xì)節(jié)
簡單的梯度
梯度是這樣一個簡單的效果來創(chuàng)建。他們可以用來實(shí)現(xiàn)各種結(jié)果，如給光源的錯覺或創(chuàng)造深度，但再次關(guān)鍵是保持其微妙。顏色的變化從一端的梯度到其他應(yīng)該是分鐘。

Tapbots使用一個簡單的梯度的背景使其顯示光源照明的iPhone。像這樣微妙的細(xì)節(jié)有助于把整個設(shè)計拉在一起。在這種情況下，梯度使iPhone的可信的思考起了很大的作用。

標(biāo)簽在超級實(shí)驗(yàn)室各有一個漸變填充。這給了深度錯覺，他們稍微提高了。超級實(shí)驗(yàn)室也是像素完美細(xì)節(jié)上面提到的一個很好的例子。

精確的紋理
紋理通常用于填充大區(qū)域。這是一個簡單和快速的方法來增加一個設(shè)計的興趣很多，但紋理也可以使用更精確的方式，以添加多個微妙的細(xì)節(jié)層。

試著忽視這里無恥的自我推銷。在我的作品中，我使用了大量的紋理來賦予它磨損和風(fēng)化的外觀。然而，而不是僅僅填充與紋理較大的區(qū)域的內(nèi)容，我走了一步，并使用了一些紋理的碎片添加更多的細(xì)節(jié)沿邊。

微妙的細(xì)節(jié)
Liam McKay是創(chuàng)造他的設(shè)計微妙的骯臟效果大師。在他的博客上，他用微妙的污漬紋理，完全有條件口音而不是分散注意力的內(nèi)容。注意，即使是1px邊框線有一個破舊的感覺。