步步为营的用户体验设计

步步为营的用户体验设计
之前搞了两篇响应式 Web 设计方面的译文,包括响应式 Web 设计的概念、组成要素及基本的实现思路,以及怎样通过 CSS3 Media Query 进行设计开发; 今天换个口味,来点儿务虚的。本文作者从一名用户体验设计团队 leader 的角度出发,简要介绍了 UX 设计相关工作在公司内部是怎样步步为营的从无到有展 开的。没有不切实际的大道理,也没有……继续阅读 »

21NN 18浏览 0评论 0个赞

社会化网络的核心,信息内容设计

社会化网络的核心,信息内容设计
信息的产生 在我们生活中,不仅仅有书、杂志、报纸、电视等等这些传统媒体供我们获取各种信息,而且还有电脑网络、移动互联网等这些网络媒介,使得各种信息的获 取更为便捷。我们可以通过各类的社交网络,来了解朋友、同学、同事、家人,他们又更新了什么新动态,发了什么新照片,去哪里吃饭了,推荐什么东西好用…… 等等。 所以,信息(FEED)是用户信息获取的来源,是……继续阅读 »

21NN 15浏览 0评论 0个赞

10条有用的可用性结论和指南

10条有用的可用性结论和指南
每个人都会赞同可用性是网站的一个很重要的方面的说法。无论你是在做一个作品集网站、网上商店还是网络应用,让你的页面对用户来说可以容易和快乐的 使用是一个关键。这些年,很多人在网站和界面设计的很多方面完成了很多的研究,这些结论在帮助我们提高我们的工作方面很有价值。这里是能够帮助你提高你的 网站的用户体验的 10 条有用的可用性结论和指南。 Form 标签最好……继续阅读 »

21NN 17浏览 0评论 0个赞

理解响应网页设计元素

理解响应网页设计元素
响应网页设计目前在网页设计中无疑是一个热门话题。从某种程度上来说,响应网页设计概念的普及是非常应该的,因为用户以越来越多样化的方式访问网 站。iPad,iPhone,Android 移动设备,桌面,笔记本——现在我们的网页设计必须在众多方式下使用。 让我们来了解响应网页设计的含意和塬则。 响应网页设计的关键特征 认为网页设计是“响应”的,需要有叁个关……继续阅读 »

21NN 14浏览 0评论 0个赞

4个优秀的网站设计原则

4个优秀的网站设计原则
《Robin Williams Design Workshop》是绝对是我最喜欢的一本设计书之一。它的设计理论更具有实践价值,展示的例子也都很棒。最重要的被崇尚为我的设计理念的总管包含有四 条,他们是:反差、重复、排列和分类。本文将讨论这4 个优秀的网站设计原则。只要在脑海中牢牢记住了这 4 项原则,你就 一定可以设计出更加整洁漂亮的网页。 1.反差效果……继续阅读 »

21NN 15浏览 0评论 0个赞

如何做一个淘宝客网站的图文教程

如何做一个淘宝客网站的图文教程
淘宝客就是商家和买家之间的中介,用户通过你推广的链接购买商品之后,你会收到一定的佣金提成,这就是我们常说的 CPS(按销售提 成),在上篇文章中说道做淘宝联盟不适合网站,但对于专门做淘宝客还有利可图的,日入千元不大可能,但通过销售提成月入千元,挣点生活费还是容易实现的。 对于那些不了解淘宝客,或想加入淘宝客行列的朋友,卢松松将会在本文详细介绍从无到有做……继续阅读 »

21NN 22浏览 0评论 0个赞

如何让网站打开速度更快:管好你的HTTP头

如何让网站打开速度更快:管好你的HTTP头
为什么要讲 HTTP 头? 1、 非常简单的通过 HTTP 头,可以让你的用户打开速度快 10 倍。 2、 网上讲 HTTP 头的文章,都讲的太玄乎和专业,实际价值不大。 3、 太多人看了太多乱七八糟的文章,加了很多自己也不知道干嘛用的 HTTP 头。 4、 HTTP 头过大会阻塞你的用户访问,你考虑过吗?如何让你的 HTTP 头正好够用,能够起到效果又……继续阅读 »

21NN 14浏览 0评论 0个赞

漂亮的图片区域设计

漂亮的图片区域设计
由图片构成的区域显得结构清晰、重点突出及信 息有效传达,并且具有多种意想不到的功能。 Factor Design网站令人一见难忘,其版面结合了作品展示及手册设计的特点形成漂亮的 效果。白色的开阔区域,高度简洁及最小化的构成,柔和的颜色搭配,通过一些隐藏的表格整洁清晰地呈现出来。 这个版式结构我们有两点是特别欣赏的:一是它采用了印刷类的平面设计风格,……继续阅读 »

21NN 18浏览 0评论 0个赞

网页设计标准大小

网页设计标准大小
1、800*600 下,网页宽度保持在 778 以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768 下,网页宽度保持在 1002 以内,如果满框显示的话,高度是 612-615 之间。就不会出现水平滚动条和垂直滚动条。 3、在 ps 里面做网页可以在 800*600 状态下显示全屏,页面的下方又不会出现滑动条,尺寸为 740*5……继续阅读 »

21NN 20浏览 0评论 0个赞

Javascript实现网页上图片延迟加载的方法

Javascript实现网页上图片延迟加载的方法
实现原理 把所有需要延时加载的图片改成如下的格式: 然后在页面加载时,把所有使用了 lazy_src 的图片都保存到数组里,然后在滚动时计算可视区域的 top,然后把延时加载的图片中 top 小于当前可视区 域(即图片出现在可视区域内)的图片的 src 的值用 lazy_src 的来替换(加载图片) 代码 lazyLoad=(function……继续阅读 »

21NN 17浏览 0评论 0个赞