Loading... <p>下面是35个非常不错的UI设计的的教程及效果图,非常不错哦。不但教你如何做一些特效,同样教你如何做UI布局和界面设计。当然,他们风格迥异,也基本上都是Web页面上的。都非常不错。希望你喜欢。(点击下面的图片可以打开相关的教程)</p> <p><span>Old Paper Layout<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180156-65.jpg" title="1427884751131977.jpg" alt="1.jpg" /></span></p> <p><span id="more-363"></span></p> <p><span>Professional Modern Web Layout<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180156-22.jpg" title="1427884771947426.jpg" alt="2.jpg" /></span></p> <p><span>Photography portfolio Design<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180156-85.jpg" title="1427884790616170.jpg" alt="3.jpg" /></span></p> <p><span>Professional header design for your website<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-100.gif" title="1427884823198205.gif" alt="1.gif" /></span></p> <p><span>Glossy-Style Carbon Fibre Navigation Buttons<br /></span></p> <p><img src="//cto.wang/usr/uploads/2016/07/20160703180157-68.jpg" title="1427884835761382.jpg" alt="5.jpg" /></p> <p><span>Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-13.jpg" title="1427885013129169.jpg" alt="6.jpg" /></span></p> <p><span>Volkswagen Inspired Navigation<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-95.jpg" title="1427885024649519.jpg" alt="7.jpg" /></span></p> <p><span>Creating A Glossy 3D Button<br /><img title="finished-300x146" src="//cto.wang/usr/uploads/2016/07/20160703180157-18.jpg" border="0" alt="finished-300x146" width="477" height="146" style="border: 0px" /></span></p> <p><span>Royal Interface – Design Tutorial<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-47.jpg" title="1427885064755437.jpg" alt="9.jpg" /></span></p> <p><span>Design Watercolor Effect Menu<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-44.jpg" title="1427885082157843.jpg" alt="10.jpg" /></span></p> <p><span>Tutzor web 2.0 style design<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-85.jpg" title="1427885090792646.jpg" alt="11.jpg" /></span></p> <p><span>Black Website Design<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-17.jpg" title="1427885102123777.jpg" alt="12.jpg" /></span></p> <p><span>How to Create a Simple & Sleek Web 2.0 Site Footer<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-96.jpg" title="1427885115937481.jpg" alt="13.jpg" /></span></p> <p><span>How to Create a Grunge Web Design in Photoshop<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-24.jpg" title="1427885129135283.jpg" alt="14.jpg" /></span></p> <p><span>Design a Professional Design Studio Web Template in Adobe Photoshop<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-38.png" title="1427885148796431.png" alt="15.png" /></span></p> <p><span>Corporate WordPress Style Layout<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-83.jpg" title="1427885162764372.jpg" alt="16.jpg" /></span></p> <p><span>Create a Vibrant Modern Blog Design in Photoshop<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-90.jpg" title="1427885179523407.jpg" alt="17.jpg" /></span></p> <p><span>Design a Simple Rounded Content Box in Photoshop<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-75.gif" title="1427885197122732.gif" alt="18.gif" /></span></p> <p><span>Design a Cartoon Grunge Web site Layout<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-84.jpg" title="1427885225665082.jpg" alt="19.jpg" /></span></p> <p><span>Design a Unique Grungy Website Layout<br /><img src="//cto.wang/usr/uploads/2016/07/20160703180157-48.jpg" title="1427885242138421.jpg" alt="20.jpg" /></span></p> <p><span>A Scrap Of Notebook Paper<br /><img src="/upload/yuadqgxhdxg.jpg" title="1427885255137199.jpg" alt="21.jpg" /></span></p> <p><span>Creating A Glossy Navigation Bar<br /><img src="/upload/ca4gnqzwrws.png" title="1427885269136653.png" alt="22.png" /></span></p> <p><span>Making the ‘Clean Grunge’ Blog Design Photoshop tutorial<br /><img src="/upload/4c2bnjf5j1u.jpg" title="1427885283109539.jpg" alt="23.jpg" /></span></p> <p><span>Sound System Studio Web Layout Photoshop tutorial<br /><img src="/upload/0mf1ngi2hu5.jpg" title="1427885296664013.jpg" alt="24.jpg" /></span></p> <p><span>Platinum Shiny, Glossy and Slick Web Design Photoshop tutorial<br /><img src="/upload/gfafsdyzn1g.jpg" title="1427885316637306.jpg" alt="25.jpg" /></span></p> <p><span>Design Studio Layout – Photoshop Tutorial<br /><img src="/upload/pdjwaeumm0w.gif" title="1427885364101207.gif" alt="26.gif" /></span></p> <p><span>How To Draw The Billings Application Icon<br /><img src="/upload/5tnsnuyi52f.png" title="1427885373122048.png" alt="27.png" /></span></p> <p><span>Clean Vertical Navigation Interface in Photoshop<br /><img src="/upload/vbvwrznsblg.gif" title="1427885384971122.gif" alt="28.gif" /></span></p> <p><span>Website Design Studio<br /><img src="/upload/gegzfdhwyqv.jpg" title="1427885415284878.jpg" alt="29.jpg" /></span></p> <p><span>Creating A Professional Magazine Web Layout<br /><img src="/upload/x1d2vjy0zya.png" title="1427885434118434.png" alt="30.png" /></span></p> <p><span>Design Agency Layout Photoshop tutorial<br /><img src="/upload/5ykvtvijngy.jpg" title="1427885451110202.jpg" alt="31.jpg" /></span></p> <p><span>Modern Web Search Bar Photoshop tutorial<br /><img src="/upload/naxrmmhfgkc.jpg" title="1427885464368611.jpg" alt="32.jpg" /></span></p> <p><span>Design a Professional Design Studio Web Template in Adobe Photoshop<br /><img src="/upload/w5dtr0y4ngh.jpg" title="1427885510596673.jpg" alt="33.jpg" /></span></p> <p><span>Create a Professional Gaming Header Photoshop tutorial<br /><img src="/upload/wouyz35kbtw.jpg" title="1427885497854733.jpg" alt="34.jpg" /></span></p> <p><span>Carbon Fiber Layout Photoshop tutorial<br /><img src="/upload/w1113ltsrhe.jpg" title="1427885486807047.jpg" alt="35.jpg" /></span></p> <p>也欢迎你和大家分享这里没有列出来的。</p> 最后修改:2021 年 12 月 10 日 10 : 53 AM © 允许规范转载 赞赏 如果觉得我的文章对你有用,请随意赞赏 赞赏作者 支付宝微信