网页设计案例分享:黑色风格网页实际案例

发布时间：2018-05-17浏览次数：1007 <p> </p> <table style="BORDER-RIGHT: #cccccc 1px dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellspacing="0" cellpadding="6" width="95%" align="center" border="0"><tbody><tr> <td style="WORD-WRAP: break-word" bgcolor="#fdfddf"> <font color="#ff0000">网页制作Webjx文章简介：</font><font color="#000000">不走寻常路：22款“暗黑系”的网页设计分享.</font> </td> </tr></tbody></table> <p>自从iOS 7推出后，便掀起了扁平化加色彩明亮的设计风潮。如今，色彩明亮的扁平化设计已填满了我们的生活，大家是否有些审美疲劳了呢？在扁平风潮下，依旧有些特立独行的设计师们坚持走自己的路，在他们的作品中采用的多是较为柔和的配色方案，使用的色彩也都趋于深色系！<br><br>&#160;&#160;&#160; 虽然如今“暗黑系”并非大势，但他们的作品依旧充满了另类的吸引力。在黑与白的交错中，扑捉那份独特的情感体验！下面为大家介绍20款“暗黑系”的<a href="http://www.webjx.com/"><u>网页设计</u></a>案例，让你感受光与影的美好！<br><br><strong><a style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" target="_blank" href="http://www.moresleep.net/">&#160; &#160; &#160; Moresleep</a></strong></p> <p><a class="bPic" style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" href="/files/allimg/131216/2030140.jpg"><img style="BORDER-TOP: rgb(153,153,153) 1px solid; HEIGHT: auto; BORDER-RIGHT: rgb(153,153,153) 1px solid; WIDTH: 600px; BORDER-BOTTOM: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; DISPLAY: inline-block" border="0" alt="MoreSleep" width="720" height="450" src="http://www.webjx.com/files/allimg/131216/2030140.jpg"></a></p> <p>　　<strong><a style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" target="_blank" href="http://www.apple.com/mac-pro/">Apple Mac Pro</a></strong></p> <p><a class="bPic" style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" href="/files/allimg/131216/2030141.jpg"><img style="BORDER-TOP: rgb(153,153,153) 1px solid; HEIGHT: auto; BORDER-RIGHT: rgb(153,153,153) 1px solid; WIDTH: 600px; BORDER-BOTTOM: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; DISPLAY: inline-block" border="0" alt="Apple Mac Pro" width="720" height="450" src="http://www.webjx.com/files/allimg/131216/2030141.jpg"></a></p> <p>　　<strong>&#160;<a style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" target="_blank" href="http://www.rook.is/">Rook</a></strong></p> <p><a class="bPic" style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" href="/files/allimg/131216/2030142.jpg"><img style="BORDER-TOP: rgb(153,153,153) 1px solid; HEIGHT: auto; BORDER-RIGHT: rgb(153,153,153) 1px solid; WIDTH: 600px; BORDER-BOTTOM: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; DISPLAY: inline-block" border="0" alt="Rook" width="720" height="450" src="http://www.webjx.com/files/allimg/131216/2030142.jpg"></a></p> <p>　　<strong>&#160;<a style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" target="_blank" href="http://pliniodidit.com/">Plinio</a></strong></p> <p><a class="bPic" style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" href="/files/allimg/131216/2030143.jpg"><img style="BORDER-TOP: rgb(153,153,153) 1px solid; HEIGHT: auto; BORDER-RIGHT: rgb(153,153,153) 1px solid; WIDTH: 600px; BORDER-BOTTOM: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; DISPLAY: inline-block" border="0" alt="Plinio" width="720" height="450" src="http://www.webjx.com/files/allimg/131216/2030143.jpg"></a></p> <p>　<strong><a style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" target="_blank" href="http://www.jesters-wild.com/">&#160;JestersWild</a></strong></p> <p><img style="BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; DISPLAY: inline-block" border="0" alt="JestersWild" width="720" height="450" src="http://www.webjx.com/files/allimg/131216/2030144.jpg"></p> <p>　　<strong><a style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" target="_blank" href="http://www.vanschneider.com/">&#160;Tobias van Schneider</a></strong></p> <p><img style="BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; DISPLAY: inline-block" border="0" alt="Tobias van Schneider" width="720" height="450" src="http://www.webjx.com/files/allimg/131216/2030145.jpg"></p> <p>　　<strong><a style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" target="_blank" href="http://www.wearea2b.com/uk">&#160;A2B</a></strong></p> <p><img style="BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; DISPLAY: inline-block" border="0" alt="A2B" width="720" height="450" src="http://www.webjx.com/files/allimg/131216/2030146.jpg"></p> <p>　　<strong>&#160;<a style="TEXT-DECORATION: none; COLOR: rgb(28,61,114)" target="_blank" href="http://jackietrananh.com/index.php">Jackie Tran Anh</a></strong></p> <p><img style="BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; DISPLAY: inline-block" border="0" alt="Jackie Tran Anh" width="720" height="450" src="http://www.webjx.com/files/allimg/131216/2030147.jpg"></p> <p></p>