32个创意时尚的登录表单设计实例
站长之家（CHINAZ.com）5月3日编译：登录表单是很多网站必备的内容，界面虽然简单，但好的登录表单对于用户体验也十分重要。登录表单页面的设计是UI设计的基础科目，也是最能直观体现UCD的地方，一个有效且易于使用的登录表单将有助于用户成功注册登录，方便人性的设计和良好的体验可以让用户产生美感甚至依赖感。本文中就有32个创意时尚的登录表单设计实例，希望能有助于激发设计者的灵感。
10个交互式Web设计实例欣赏
如今，越来越多的UX/UI设计师将交互/动画元素（例如鼠标悬停状态，音频或视频媒体，滚动交互等等）添加到其网站设计之中。这样一方面可以使网站本身更加绚丽有趣，吸引更多访问者，同时也能够激励访问者更多的关注和阅读其网站内容。这也是为什么交互式网站设计已然成为设计师们跟风追赶的设计潮流的原因。然而，网站的交互性设计并没有想象的那么容易，如何才能将寻常的交互或动画元素结合起来，打造出优质炫酷的交互网站呢？下面
50个自适应Web设计实例
Responsive Web Design，自适应Web设计，也有翻译成响应式Web设计的，个人认为前者更准确些。可以简单地理解为，网页布局可根据用户的显示屏幕分辨率自动调整宽度及布局，例如4列1292像素宽的布局，转到1025像素宽度，可自动简化成2列。Responsive Web Design是完全不同于传统设计的一项技术，随着智能手机和电脑平板电脑的普及，越来越多的网页设计采用这种人性化的设计布局。
国外经典网页设计：50个优秀的移动网站设计实例
移动互联网正高速发展中，预计到2014年，移动互联网的用户访问量将超过传统的PC互联网。目前，越来越多的用户通过手机上网冲浪，对于设计师来说，他们需要去优秀的移动网站以吸引更多的用户。为了帮助大家学习移动网站设计，我从网上收集了50个优秀的国外移动网站设计案例分享给大家。
30 个创新的 CSS3 Web 网站设计实例
还有什么开发离得开 Web 吗？桌面应用和Web应用的界限越来越模糊，甚至手机应用和Web应用也越来越模糊。制作出一个漂亮而且吸引人的网页让人惊叹。
65个激发灵感的单字母LOGO设计实例
站长之家（CHINAZ.com）4月1日编译：通常情况下，由各种元素组成的LOGO较为常见，在设计过程中每个不同的元素组合形成的效果给人的感觉都是不同的，而一些单元素设计的logo往往能更容易突出主题，给人另一种感觉。当谈到标志设计，有时候简约是最终的成熟，像麦当劳、本田、联合利华、QuickTime等这些大企业已经通过一个字母成功打造了企业的整个声誉。本文中将分享国外65个激发灵感的单字母LOGO设计实例，供设计者欣赏和参考。
国外30个精彩的插画网页设计实例
站长之家（CHINAZ.com）10月28日编译：在网页设计中使用插画设计已经越来越流行了，各种形状和大小的插画也已层出不穷，将插画和网页设计结合在一起，可以为网页设计增加趣味性，但要使插画与网站信息风格相一致还需要设计者们不断探索钻研，这里便收集了国外30个精彩的插画网页设计实例，以供设计者们欣赏借鉴。
百度分词理论之标题的设计实例解析
影响一个页面在搜索引擎排名最重要的因素之一是相关度，而最直接体现一个页面与用户搜索行为是否相关的就是标题，那么想写好一个标题你就不能不去深入的了解搜索引擎的分词原理！以百度为例，经过十年左右的完善，在中文搜索里百度已经是一个非常高效的搜索引擎，大家也和点水一样肯定都知道一个高效的搜索引擎工作肯定会涉及到很多不为人知的技术点，但我们如果把复杂的搜索引擎工作简化为三个步骤那么分别是：查询，分词，匹配。
25个国外复古风格网站设计实例
站长之家（CHINAZ.com）9月28日编译：复古的网站设计是吸引更多眼球的一个绝佳方式。在众多眼花缭乱的时尚潮流设计之中，怀旧复古风格的设计别有一番感觉。历史是不容忽视，无论今天网页设计进步到怎样程度，对于设计师来说，复古风格算是必修的课程，这也是对许多人的记忆中那些美好的存在表示敬意的方式。而网页设计师总是需要高质量的灵感，以下便是25个国外复古风格网站设计实例，以供欣赏参考。
MySQL和MongoDB设计实例对比
MySQL是关系型数据库中的明星，MongoDB是文档型数据库中的翘楚。下面通过一个设计实例对比一下二者：假设我们正在维护一个手机产品库，里面除了包含手机的名称，品牌等基本信息，还包含了待机时间，外观设计等参数信息，应该如何存取数据呢？
推荐95个极富创意的单页网站设计实例欣赏
Logo标志设计参考:30个好的Logo设计实例
拥有一个抢眼的Logo对企业来乃一大幸事，毕竟Logo千千万，但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣，迅速传递出企业的价值和理念。
20个大师级的简洁版的logo设计实例
上次为大家分享了 110新鲜的灵感logo设计，这次为大家带来简洁版的logo设计20枚，创建一个伟大的标志是一个相当艰难的工作，需要设计师有非常好的抽象和逻辑思维能力，还需要满足市场需要，受众定位，但永远要记住灵感来自生活！
54个新鲜的友好的在线商城网站设计实例
融危机的影响，致使中国好多中小企业开展互联网业务（又叫电子商务），电子商务的核心是网络营销，那么如何进行网络营销呢？网页教学网站长认为开展网络营销的前提和基础是网站-一个在线销售产品的平台，之后再去做广告，做推广，去优化，但是不管怎么做，都是把用户拉
26个T-shirt在线商店设计实例
很多电子商务和购物网站局限于较低级的网站设计。然而，在T-shirt商店领域，创意度就比较高了，而且也有大量的值得一提的设计。很多此类网站瞄准创作T-shirt设计的艺术家，所以他们推出一个很有吸引力的网站也就是件自然而然的事情了。
网页表单设计实例技巧五则
表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver=“this.focus()” onFocus=“this.select()” 代码到 中，一切就会变得简单多了....</p></div> <div class="img"><img class="lazy" webp="true" data-original="//pic.chinaz.com/copyright/thumb/286.jpg" onerror="this.src='https://img.chinaz.com/templates/game/images/imgloading.gif'"></div> </a> <div class="extra-tags"> <a href="https://www.chinaz.com/tags/wangye.shtml" target="_blank" class="tag-title">网页</a> <a href="https://www.chinaz.com/tags/sheji.shtml" target="_blank" class="tag-title">设计</a> <a href="https://www.chinaz.com/tags/biaodan.shtml" target="_blank" class="tag-title">表单</a> <a href="https://www.chinaz.com/tags/shilijiqiao.shtml" target="_blank" class="tag-title">实例技巧</a> <a href="https://www.chinaz.com/tags/wuze.shtml" target="_blank" class="tag-title">五则</a> </div></div></li> <li class="single-img"><div class="single-imgbd"> <a href="https://www.chinaz.com/web/2009/0409/72032.shtml" target="_blank" class="link"> <div class="con"><p class="sub-title" title="网页背景设计实例与最佳做法（上）">网页背景<span class="col-red02">设计实例</span>与最佳做法（上）</p> <p class="desc">比较一下10年前的网页与现在的网页，差异是相当显著的。最容易注意到的一个主要变化，就是背景。今天，背景已经成为决定网站的视觉效果如何的核心特征之一。</p></div> <div class="img"><img class="lazy" webp="true" data-original="//pic.chinaz.com/copyright/thumb/20.jpg" onerror="this.src='https://img.chinaz.com/templates/game/images/imgloading.gif'"></div> </a> <div class="extra-tags"> <a href="https://www.chinaz.com/tags/wangyesheji.shtml" target="_blank" class="tag-title">网页设计</a> <a href="https://www.chinaz.com/tags/wangyebeijing.shtml" target="_blank" class="tag-title">网页背景</a> <a href="https://www.chinaz.com/tags/beijingsheji.shtml" target="_blank" class="tag-title">背景设计</a> </div></div></li> <li class="single-img"><div class="single-imgbd"> <a href="https://www.chinaz.com/design/2008/0423/27575.shtml" target="_blank" class="link"> <div class="con"><p class="sub-title" title="CSS+DIV设计实例：多个DIV排列时居中">CSS+DIV<span class="col-red02">设计实例</span>：多个DIV排列时居中</p> <p class="desc">以下为引用的内容： <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t</p></div> <div class="img"><img class="lazy" webp="true" data-original="//pic.chinaz.com/copyright/thumb/178.jpg" onerror="this.src='https://img.chinaz.com/templates/game/images/imgloading.gif'"></div> </a> <div class="extra-tags"> <a href="https://www.chinaz.com/tags/CSS.shtml" target="_blank" class="tag-title">CSS</a> <a href="https://www.chinaz.com/tags/div.shtml" target="_blank" class="tag-title">div</a> </div></div></li> <li class="single-img"><div class="single-imgbd"> <a href="https://www.chinaz.com/design/2008/0423/27564.shtml" target="_blank" class="link"> <div class="con"><p class="sub-title" title="DIV+CSS设计实例：透明的导航菜单">DIV+CSS<span class="col-red02">设计实例</span>：透明的导航菜单</p> <p class="desc">这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。 CSS代码： 以下为引用的内容： body{ font: 80% Arial,sans-serif; background: #666; } #nav</p></div> <div class="img"><img class="lazy" webp="true" data-original="//pic.chinaz.com/copyright/thumb/252.jpg" onerror="this.src='https://img.chinaz.com/templates/game/images/imgloading.gif'"></div> </a> <div class="extra-tags"> <a href="https://www.chinaz.com/tags/CSS.shtml" target="_blank" class="tag-title">CSS</a> <a href="https://www.chinaz.com/tags/div.shtml" target="_blank" class="tag-title">div</a> <a href="https://www.chinaz.com/tags/daohangcaidan.shtml" target="_blank" class="tag-title">导航菜单</a> </div></div></li> </ul> <div class="loading-btn" ><div class="more-button" onclick="loadData();"><img class="loading-icon" src="/img/loading.gif" style="display:none;">加载更多</div></div> </div> </div> <input type="hidden" name="ctl00$hfRowIndex" id="hfRowIndex" /> </form> <div id="footer"> <div class="footer-main"> <p> <a target="_blank" href="/aboutus/index.html">关于站长之家</a> - <a target="_blank" href="//ww.chinaz.com/aboutus/contact.php?from=news">联系我们</a> - <a target="_blank" href="/aboutus/ad.html">广告服务</a> - <a target="_blank" href="/aboutus/link.html">友情链接</a> - <a target="_blank" href="/aboutus/announce.html">版权声明</a> - <a target="_blank" href="/aboutus/join.html">人才招聘</a> - <a target="_blank" href="/aboutus/events.html">网站动态</a> - <a target="_blank" href="/aboutus/help.html">帮助</a> - <!--<a href="#">iPhone客户端</a>-<a href="#">Android客户端</a>- --><a target="_blank" href="//m.chinaz.com">手机版</a> </p> <p>增值电信业务经营许可证: 闽B2-20120007号 - <a target="_blank" rel="nofollow" href="//www.beian.gov.cn/portal/registerSystemInfo?recordcode=35020302000061"><img src="//img.chinaz.com/ghs.png">闽公网安备 35020302000061号</a><!--北京公安局网监中心备案号: 11010502020695号--> - 闽ICP备08105208号 - 闽网文[2018]1428-083</p> <p>©CopyRight 2002-2019 CHINAZ.COM Inc All Rights Reserved. 站长之家 版权所有</p> </div> </div> </div> <div id="mfooter"> ©CopyRight CHINAZ.COM - 闽ICP备08105208号 </div> <script> $(document).ready(function (){//通用方法去输入框前后空格 $("form").on("change",function () { $("form input[type=text]").each(function () { this.value=$.trim(this.value); }); }) function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){return pair[1];} } return(false); } var keyword = getQueryVariable("keyword"); var sourceId = parseInt(getQueryVariable("souceid")); if (keyword == '' && sourceId==0) { $('.info-flow').hide(); } }); </script> <script src="//so.chinaz.com/js/common.js" type="text/javascript"></script> </body> </html>
