响应式Web设计的9项基本原则

响应式web设计对于解决多类型屏幕问题来说是个不错方案,但从印刷的角度来看,其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸,没有任何物 理限制,让人感到无从下手。随着建立网站可用的各种小工具越来越多,像素设计局限于桌面和移动端也已经成为历史。因此,现在就让我们来说明一下如何运用响 应式web设计的各项基本原则来实现,而不是抗拒流畅的网页体验。为了简单起见,我们将着重讲布局(当然,响应式设计远远不止于此,如果你想进一步学习, 可以点击此处)。 [......]

阅读全文

重构、重新架构、再设计与重写的区别

稍早的文章评论里,Jon Eaves 表达了把重构做为动词过度使用的忧虑。尤其是重构(refactoring)【注1】和重新架构(rearchitecting)之间的界线非常模糊,重构被用作在你回头做第二遍的、任何行为的标签。你明白吗?Jon 是对的。[......]

阅读全文

和Web设计师约会的10个好处

可能在大部分人看来,Web设计师对细节问题的处理是比较细致的,而且他们满口都是专业术语,高深莫测的样子。也许有些人认为Web设计师的工作很无聊、令人讨厌,但是有些人认为这样的工作很酷、富有创造力、逻辑性比较强,只要点击一下鼠标就会让生活变得不一样。[......]

阅读全文

精简代码,为网站减负的十大建议

网站快速加载,是提供良好用户体验的前提。然而,网站功能的不断增多,程序包的不断臃肿,导致网站访问时较大的下载量,最终影响了响应速度。没有一个用户喜欢等待,如何减少代码量,为网站减去过多负担,Craig Buckler在sitepoint网站发表了一篇文章《10 Quick and Easy Fixes to Reduce Page Weight》,分享为网站减负的十个建议。下面为该文的编译内容。[......]

阅读全文

京东“用户体验设计”分享:创新要以用户为本

随着互联网的发展,同质化的应用和产品越来越多,在功能基本相近的情况下,用户体验好的应用往往能获得更多的用户,因此越来越多的企业开始在用户体验下功夫,一些企业甚至有专门的用户体验设计师。[......]

阅读全文

15款响应式设计前端框架推荐

随着响应式Web设计的不断成熟,各类框架也变得越发健壮和可靠。如今很多新的框架都开始向一体化多功能的模式进化,它们提供了更多的功能,包含可复用的组件和模块,例如图标、对话框、页码导航、面包屑、导航栏等等。

当然,不是所有的框架都集成了大量的功能,有些仅提供了简洁的固定布局基础。今天,给大家推荐15款最新的响应式框架,希望对大家有用。[......]

阅读全文

打造网站最佳浏览体验:四大UX设计原则

Web设计者正在借助大量工具,以使自己设计的网站给用户带来最可能好的用户体验。最好的办法之一是在设计中充分利用现有的科研成果,以最大化用户的满意度。

眼动追踪研究为设计者提供了各种设计蓝图,以引导他们优先设计网站用户感兴趣的内容部分。该研究同样展示了访问者阅读网站的方式,可帮助Web设计者“裁剪”出适合普通大众的网站。当用户在你的网站中获得了良好的用户体验,他们会再回来,并有机会转变为网站的“常客”。[......]

阅读全文

打造优秀APP的9条黄金法则

从苹果到安卓的应用商店,数以百万计的应用蔚然成海,人们越来越难以在其中抓到真正美的应用。作为一个设计师集合体,我们始终在思考。设计用户体验的过程,是追寻美的过程。乔布斯说过一句著名的话:“设计不仅仅是表面上的外观和感觉,产品的整个运转机制都是设计(Design is how it works)。”用户体验的美,在于设计者对用户需求深刻而清晰的认识,从功能、界面交互、视觉外观,直至内容。[......]

阅读全文

用户界面设计需注意的九大要点

用户界面设计应用非常广泛,比如网站设计、计算机设计、应用设计等等。如同其名,在用户设计中,用户是最大的也是最重要的体验者。因此,在做设计时我们需要牢记遵循用户体验以及互动性原则。

界面设计旨在让用户简单交互且高效。总之,以用户为中心的设计才是最好的界面设计。如果用户界面设计能够做到再不受任何干扰的情况下完成任务,才可被称之为良好的用户界面。 [......]

阅读全文

重新设计网站的10点建议

当你需要重新设计现有网站的时候,通常你会想从头开始做,然而这样的话可能会丢失一些网站特有的元素。在做之前进行彻底的检查,以确保现有站点的特点和优势,保证网站修改和网站维护的方便,尽可能使用最好的方式来开发网站,这是比较好的做法。

让我们来看看如何评估一个等待重新设计的网站。以下几点将有助于发展一个有凝聚力的计划,并确保下一个项目的顺利进展。[......]

阅读全文

17种新型的响应式开发框架

来源:GBin1.com

对 于所有Web开发人员和设计者而言,在建立网站的时候有很多不同资源供他们使用。其中之一便是框架,框架定义为一个普遍的或受规范准则、概念和实 践来解决典型问题。因此,如果它是在网页设计领域的定义,它实际上捆绑的文件夹带有JSS文件,CSS和HTML,还有结构化文件。它主要用于开发初期网 站使用一个共同的结构,并可以重复使用而不用重新编码。下面将介绍17种最新好用的响应式框架,有助于Web开发人员在涉及网站设计的不同进程时使用。你 不需要数学的专门知识或技术知识,运用框架将节省编程时间,使得网站开发过程更容易更快捷。[......]

阅读全文

Web设计过程中该做和不该做的


在如今飞速前进的网络世界里,Web设计成为大多数网络公司成功的关键要素。非也?那就是公司的自身问题了。在过去的那些年里,Web设计趋势的不断改变就像时尚界那样纷纭变幻,这些都少不了优秀人才和先进技术的介入。为了在激烈的竞争环境里崭露头角,开发者就必须顺从不断变化的潮流,同时还要避免大多数同行已经落入的陷阱。[......]

阅读全文

敏捷体验设计文具指南

传统瀑布式设计流程中最大的两个问题在于分工导致的设计过程中失真,以及应对变化能力弱,而不可否认的是,分工的优势在于执行效率,如果取消分工,虽然迫使设计师开始协作,避免了一定的失真,以及及早发现变化风险,但摆在眼前的,确实新的工作模式可能带来的工作效率低下的问题。

敏捷体验设计的方法论并不是简单打破传统的分工模式,而也在实践层次提供各种方法和工具,帮助设计师即保证了充分的协作,也避免了执行力下降的问题。而作为实操层面的文具选择,则是设计师协作的有效工具。[......]

阅读全文

增强Web可用性,你需要避免的7大设计错误

Web设计给了你展示自我创新才能的平台,同时也要求你特别关注其中的诸多琐碎细节。优秀的Web设计师需要从设计前辈那里获得设计灵感,寻求他们给的建议,并反复推敲,以及付出诸多努力。职业博客作者Rajni Setia认为,成功的设计师还必须了解Web设计中需要避免的错误,从而在激烈的竞争中生存下来。有些错误如不及时纠正,将有损网站的可用性。那这些错误是什么呢?Rajni Setia进行了总结,并在下文一一列出。 [......]

阅读全文