網(wǎng)頁(yè)設(shè)計(jì)推向另一個(gè)層次

2014-09-07    分類: 網(wǎng)站建設(shè)

網(wǎng)頁(yè)設(shè)計(jì)推向另一個(gè)層次
成都網(wǎng)站設(shè)計(jì)微妙的細(xì)節(jié):把網(wǎng)頁(yè)設(shè)計(jì)推向另一個(gè)層次
你曾經(jīng)看過(guò)一個(gè)網(wǎng)站,立刻被它的設(shè)計(jì)給人留下了深刻的印象?然后你仔細(xì)看看,發(fā)現(xiàn)真正使它驚人。這是微妙的細(xì)節(jié)。一些設(shè)計(jì)師在他們的設(shè)計(jì)包括。這些類型的設(shè)計(jì)師正在邊境線的好主義者,不憚?dòng)诔浞掷每s放工具,在PS圖象處理軟件一個(gè)像素的筆刷大小。在這篇文章中,我們將看看幾種微妙的細(xì)節(jié)正在使用的網(wǎng)頁(yè)設(shè)計(jì),把他們從偉大。

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

網(wǎng)頁(yè)設(shè)計(jì)推向另一個(gè)層次

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

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

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

網(wǎng)頁(yè)設(shè)計(jì)推向另一個(gè)層次
微妙的細(xì)節(jié)
簡(jiǎn)單的梯度
梯度是這樣一個(gè)簡(jiǎn)單的效果來(lái)創(chuàng)建。他們可以用來(lái)實(shí)現(xiàn)各種結(jié)果,如給光源的錯(cuò)覺(jué)或創(chuàng)造深度,但再次關(guān)鍵是保持其微妙。顏色的變化從一端的梯度到其他應(yīng)該是分鐘。

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

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

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

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

網(wǎng)頁(yè)設(shè)計(jì)推向另一個(gè)層次

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

名稱欄目:網(wǎng)頁(yè)設(shè)計(jì)推向另一個(gè)層次
鏈接URL:http://www.bm7419.com/news/20294.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)網(wǎng)站策劃標(biāo)簽優(yōu)化、網(wǎng)站收錄、云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都app開發(fā)公司