响应式网页设计的普及使各个终端的用户都能够访问所需网站。当下有关响应式设计的讨论大多围绕自适应布局的实现展开，的确，网页内容能与浏览器窗口缩放进行精巧的交互是响应式设计的优势，但也是巨大障碍-一响应 式设计的初衷本应该是在任意终端显示内容。 时至今日，访问响应式的网站终端从高速联网的机顶盒到装载低端CPU网速欠佳的手机，应有尽有。对于后者的适配愈发重要，因为17%的美国公民把手机当做主力上网设备。 用圣母大学Erik Runyon的话来说，我们对RWD的认知不应该只停留在响应式网页设计，应该更进...查看全文>>
导航栏 导航栏可以算是网页中最重要的交互元素。我认为导航栏应该像用户的好朋友一样:愿意在需要时提供帮助，体贴入微但又为对方保留私人空间，又不需要对方持续给予关注。 响应式导航栏设计已经有不少方法可供选择，我们从中选取比较普及的几种详细介绍一下。 顶端导航栏 只需把包含几个链接的导航栏放在页面顶端即可。这样的导航栏很容易实现，但要保证可缩放性，以免占用宝贵空间。导航栏要让用户能够轻松访问到，但也不能挤占核心内容空间。 锚链接页脚导航栏 把导航栏放在页脚，然后在页面上方留一个锚链接，供用户跳转到导航...查看全文>>
随着响应式设计不断完善，我们面临的挑战也随着升级:如何为尺寸、环境各异的终端打造既美观又实用的用户界面?如何优化深达4级的导航栏?如何处理行列众多的表格?如何实现轮播图片效果? 令人鼓舞的是，从业人员在不断创新:另辟蹊径进行响应式页面布局、调整现有设计规范使之适应多样化的终端、创造全新的交互模式。对于一名网络设计师而言，多终端时代既充满机遇也遍布挑战。模块化、设计模式和风格指南运行环境不同、屏幕尺寸各异、用户设置不.....用Photoshop制作出全终端的设计图已经成了不可能完成的任务。所以，...查看全文>>
Web前端网页进行自适应开发时,主要是通过HTML5技术中的viewport指令来实现。Viewport指的是网页宽度和高度的默认值,而且所有浏览器都支持这个设置,只需要把viewport指令的宽度数值改成移动设备屏幕相同的宽度,并设定阻碍用户对网页的缩放。...查看全文>>
网页设计在过去的几年中得到l了很大的提高。它现在使用户更加容易掌握，而且更具有吸引力。而其中有一个很好的原因就是，在过去的几年中，我们发现将设计更多的投入在可用性和使用者的经验上会更加高效。现代的割边设计并不是满是招摇的快乐谈话和闪亮的广告。我们学会了以与访问者的对话开头，让他们参与到讨论中，通过提出他们的需求和诚实直接地和他们谈话来取得他们的信任。 几个星期以前，我们发表了有效网页设计的10条原则一篇关于有效网页设计的全面的文章，给你们提供了一些关于用户想法的见解和一些如何有效设计网页的例子。...查看全文>>
Vitaly Friedman 决定一个网站的成败是可用性和易用性，而不是视觉设计。由于页面的访客是点击鼠标并决定一切的人，因此，以用户为中心的设计方法已经成为了成功和赚钱的网页设计的标准方法。当然，如果用户无法使用一个功能，该功能可能就不存在。 本篇文章不打算讨论实现细节(比如搜索框应该放置在页面的什么位置)，因为已经有相当多的文章涉及这点了。本章将重点介绍一些有效网页设计的核心法则、经验和方法。只要合理使用这些，就可以让网站更加成熟，展示的内容更容易让用户理解。 有效网页设计的原则 为了能够...查看全文>>
设计出来的动画效果非常不错,HTML5技术可以实现一次开发,多次应用,同时还可以应用到智能手机、移动终端设备和网页平台上,实现了“一次设计,反复使用”,简化了再次开发流程,且从根本上降低了开发成本,故深受网页开发者的青睐。...查看全文>>
Mark Cossey 最近一-次停电忽然让我意识到自己上网的方式有多么脆弱、多么过时。我坐在电脑前，由许多硬件设施构成的电脑，如键盘、鼠标和显示器--它们都和一个黑盒子连在一块儿，黑盒子里也有许多更小、更复杂的硬件。要想上网浏览，我得依赖这多层次的合作，更别提我控制能力之外的部分，比如网络和远程服务器。一旦某个环节出错(我遇上的是停电)，那就意味着之前所看的内容全部遁形。移动设备还可多挣扎一会儿，但最终电池耗尽，我又被打回黑暗之中。没办法，我只好拿起一本书试图满足我的视觉饥渴感。没有了其他东西...查看全文>>
用来设计WEB的软件比较多,但是在具体设计中多数专业的设计师喜欢应用Photoshop进行产品的初次设计,且借助Photoshop能够根据需要来选择色彩和搭配模式。...查看全文>>
Helge Fredheim 很多设计师似乎都在谈论用户体验(UX) , 我们本应愉悦我们的用户，甚至使用魔法以便让他们爱上我们的网站、应用和新产品。然而，用户体验是个很模糊的概念，所以常常为许多人所误用。此外，许多设计师似乎都坚定不移地相信他们能够为其产品创造出绝佳的用户体验。然而，UX不只是取决于产品是如何设计的，还涉及其他方面。我将在下文解释为什么用户体验无法被设计。 用户体验的不同解释我最近访问了某个设计公司设计的网站，其作品看起来很好、很优雅，而且这家公司的作品好几次被展览出来。我相信...查看全文>>
