中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

有一個(gè)方法能夠看出某人在完成一項(xiàng)網(wǎng)頁(yè)設(shè)計(jì)時(shí)是否真的用心了。有時(shí)候創(chuàng)造奇跡的就是一些小細(xì)節(jié)，一些別人幾乎無(wú)法察覺(jué)的細(xì)節(jié)。我所說(shuō)的“像素級(jí)的完 美”就是指在線條、邊緣和邊框描邊上仔細(xì)推敲。與其就用一條單一的線，不如多加一些細(xì)節(jié)。細(xì)節(jié)可以是細(xì)微的漸變，也完全可以只是一條1像素寬的細(xì)線（用作表現(xiàn)陰影或高光）。有了這些細(xì)節(jié)， 你的設(shè)計(jì)會(huì)大不一樣。有些設(shè)計(jì)師在這方面特擅長(zhǎng)： Collis Ta’eed,David Leggett 以及 Wolfgang Bartelme.

下圖的Example 1 (例子1)中，綠色內(nèi)容框的邊緣有一條更亮的綠色線。而Example 2處，區(qū)塊內(nèi)邊緣有柔和的漸變陰影，而邊緣之上還有一像素的白色描邊。這做法非常聰明，用陰影來(lái)強(qiáng)調(diào)高光。后面的綠色區(qū)域有非常柔和細(xì)微的光影效果，有助于將注意力吸引到下面的白色區(qū)塊中那清新脆爽的細(xì)節(jié)上去。 盡管這種做法并不是總能讓設(shè)計(jì)看起來(lái)更加精致，不過(guò)它們的確能幫助你賦予設(shè)計(jì)以三維的真實(shí)感。于是設(shè)計(jì)元素就成了鑲嵌在頁(yè)面上的寶石，而不是平鋪在上面的一張毫無(wú)動(dòng)感的紙。

David Leggett 對(duì)于如何制造 單像素頂邊條 有很深的理解。他最近重新設(shè)計(jì)的 tutorial9 集合了很多非常棒的像素化技巧。 Example 1 處你能看到，他是如何僅僅通過(guò)添加一條1像素的高光，而將導(dǎo)航標(biāo)簽變得更有質(zhì)感。Example 2 處使用的技巧則更多了。相機(jī)圖標(biāo)的投影，下方白色區(qū)域的陰影與高光，以及導(dǎo)航條上的1像素高光。

這個(gè)漂亮的導(dǎo)航菜單，由 Ryan Scherf  創(chuàng)造，是使用完美像素級(jí)細(xì)節(jié)提升設(shè)計(jì)品質(zhì)的絕佳實(shí)例。紅色按鈕有1像素的高亮，鏈接之間的分割線也有同等的品質(zhì)與細(xì)節(jié)。正如你所看到的，他沒(méi)有滿足于只用一條灰色線分割，Ryan還在下面添加了一條1像素寬的高光線，避免了設(shè)計(jì)看起來(lái)過(guò)于平坦。

譯注：Grunge風(fēng)格有“做舊”、“迷幻搖滾”、“做臟”等幾層意思在里面，算是平面藝術(shù)中的一個(gè)流派。

下面的例子是漂亮的AvalonStar：Distortion（扭曲）主題博客，有著極贊的grunge風(fēng)格。不過(guò)，即便是骯臟做舊的grunge風(fēng)，利用1像素高光也能創(chuàng)造大不同。下圖的Example 1 處，上面的棕色區(qū)域有一個(gè)漸變陰影，下面的綠色區(qū)塊的頂部則有著一條1像素高亮線。陰影與1像素線的結(jié)合，讓這些區(qū)塊顯得更為精致。

要在這一技巧上達(dá)到完美，不斷的實(shí)踐尤為重要。如您所見(jiàn)，一條1像素線這么簡(jiǎn)單的東西就能給設(shè)計(jì)添加非�？岬纳疃雀�。你甚至不一定要用到那些倒角或漸變，費(fèi)盡心力做一些實(shí)實(shí)在在的置于某對(duì)象之上的效果。

• 一定得是細(xì)節(jié)
  小細(xì)節(jié)完善內(nèi)容感官是關(guān)鍵。
• 思考像素級(jí)問(wèn)題
  描邊、漸變、線條、陰影等等，不用太寬大也能有效增強(qiáng)設(shè)計(jì)
• 前后對(duì)比
  應(yīng)用效果后注意與沒(méi)有這種效果之前進(jìn)行對(duì)比。如此你就能知道這些細(xì)節(jié)到底帶來(lái)了哪些改觀。

出處：笨活兒
責(zé)任編輯：bluehearts

上一頁(yè) 高品質(zhì)的網(wǎng)頁(yè)設(shè)計(jì):實(shí)例與技巧 [2] 下一頁(yè) 高品質(zhì)的網(wǎng)頁(yè)設(shè)計(jì):實(shí)例與技巧 [4]