步步为营的用户体验设计

步步为营的用户体验设计

之前搞了两篇响应式Web设计方面的译文,包括响应式Web设计的概念、组成要素及基本的实现思路,以及怎样通过CSS3 Media Query进行设计开发;今天换个口味,来点儿务虚的。本文作者从一……

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

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

信息的产生在我们生活中,不仅仅有书、杂志、报纸、电视等等这些传统媒体供我们获取各种信息,而且还有电脑网络、移动互联网等这些网络媒介,使得各种信息的获取更为便捷。我们可以通过各类的社交网络,……

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

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

每个人都会赞同可用性是网站的一个很重要的方面的说法。无论你是在做一个作品集网站、网上商店还是网络应用,让你的页面对用户来说可以容易和快乐的使用是一个关键。这些年,很多人在网站和界面设计的很多方面……

理解响应网页设计元素

理解响应网页设计元素

响应网页设计目前在网页设计中无疑是一个热门话题。从某种程度上来说,响应网页设计概念的普及是非常应该的,因为用户以越来越多样化的方式访问网站。iPad,iPhone,Android移动设备,桌……

4个优秀的网站设计原则

4个优秀的网站设计原则

《Robin Williams DesignWorkshop》是绝对是我最喜欢的一本设计书之一。它的设计理论更具有实践价值,展示的例子也都很棒。最重要的被崇尚为我的设计理念的总管包含有四条,他……

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

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

淘宝客就是商家和买家之间的中介,用户通过你推广的链接购买商品之后,你会收到一定的佣金提成,这就是我们常说的CPS(按销售提成),在上篇文章中说道做淘宝联盟不适合网站,但对于专门做淘宝客还有利可……

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

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

为什么要讲HTTP头?1、 非常简单的通过HTTP头,可以让你的用户打开速度快10倍。2、 网上讲HTTP头的文章,都讲的太玄乎和专业,实际价值不大。3、 太多人看了太多乱七八糟的文章,加了……

漂亮的图片区域设计

漂亮的图片区域设计

由图片构成的区域显得结构清晰、重点突出及信息有效传达,并且具有多种意想不到的功能。Factor Design网站令人一见难忘,其版面结合了作品展示及手册设计的特点形成漂亮的效果。白色的开阔……

网页设计标准大小

网页设计标准大小

1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间。就……

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

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

实现原理 把所有需要延时加载的图片改成如下的格式: 然后在页面加载时,把所有使用了lazy_src的图片都保存到数组里,然后在滚动时计算可视区域的top,然后把延时加载的图片中top小……

我对平面设计和网页设计的认识

我对平面设计和网页设计的认识

在开始聊我在阿里四个月的网页推广设计之前,我想先来说说我对平面设计和网页设计的认识。它们之间的交集。1.它们都是集艺术创作、电脑技术和数字技术于一体的,以“视觉”(包括符号、图片和文字)作为沟……

10个让你的网页设计很糟糕的原因

10个让你的网页设计很糟糕的原因

良好的网页设计是件很难实现的事情。一个好的网页设计,不仅吸引眼球,也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。字体、色彩、空白与内容间的完美平衡可以构成一个非常好看的设计,你的用户也……

导航之变—移动网站的导航设计

导航之变—移动网站的导航设计

导航是互联网网站最重要的组成部分之一,它涉及到产品的信息架构、页面布局和用户交互行为等诸多方面。一个网站用户体验的优劣往往和导航的优劣有密切的联系。随着移动互联网的发展,越来越多的网站以移动……

打印web页面指定区域的三种方法

打印web页面指定区域的三种方法

本文和大家分享一下web页面实现指定区域打印功能的三种方法,一起来看下吧。  第一种方法:使用CSS  定义一个.noprint的class,将不打印的内容放入这个class内。  代码如下……

WEB前端优化之网页内容篇

WEB前端优化之网页内容篇

WEB前端优化主要分页面内容优化和服务器优化,本篇主要介绍内容优化,服务器端的优化以后再讲。页面内容优化的四大原则是:降低请求数、减少交互通信量、合理利用“并行”、节约系统消耗。一、先看一组数……

如何设计让网页更显专业和美观

如何设计让网页更显专业和美观

我们浏览任何一个网页,仅从界面上就可以轻易的识别出专业和非专业的区别,那么怎么才能让网页设计的专业、漂亮、好看?这就要涉及到美术的一些基本常识。首先网页风格的形成主要依赖于网页的版式设计,页面的色……

浅谈网页设计中的色彩理论

浅谈网页设计中的色彩理论

无可争议的是,色彩是任何设计领域中最重要的一方面。设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具,所有设计师在设计网页时就应该明……

关于用户体验的一些总结

关于用户体验的一些总结

首先分享一句话:用户是没有错的,如果用户在使用某物品的时候遇到麻烦,那是因为设计出了问题。——诺曼《设计心理学》认识用户用户永远都没有错。用户都是特别忙,特别没有耐心的人。用户永远都……

生活中的交互之小户型设计

生活中的交互之小户型设计

在房价高涨的今天,对于年轻的家庭以及单身一族来说,通常会选择小户型作为过渡。小户型设计却仍然要求“麻雀虽小,五脏俱全”,小面积与增加功能的矛盾日益加深。与小户型设计及其相似的还有近些年来兴起……

网页设计流行细节 提高用户满意度

网页设计流行细节 提高用户满意度

怎么样才能让浏览者找到感觉,提高他的满意度呢,下面介绍目前几个流行细节1、按钮的鼠标按下状态 我们知道按钮有未动作、鼠标经过、鼠标按下、弹起四种状态,但是现在大多数网站的按钮都只设计了未动作……

设计:关于差不多先生

设计:关于差不多先生

关于差不多先生你知道中国最有名的人是谁?提起此人,人人皆晓,处处闻名。他姓差,名不多,是各省各县各村人氏。差不多先生常说:“凡事只要差不多,就好了。何必太精明呢?”他小的时候,他妈叫他……

成功的UI制作案例分享:移动UI制作师参考

成功的UI制作案例分享:移动UI制作师参考

要有丰富的创作想象力,要多看前人的制作,获得创作灵感并在别人的基础上创新。最重要的是,借鉴优秀制作师的作品可以减少很多时间,少走很多弯路。 来自美国TNW的制作编辑Har……

做好用户体验小细节往往有时候也是至关重要的

做好用户体验小细节往往有时候也是至关重要的

  用户体验这块是一个比较让人头疼的事,一个网站如果没有吸引别人的地方,就很难会让人记住它,哪怕自己的关键词排名不错,网站用户体验做的不好,跳出率也是非常高,而回头客就少之又少,这样的网站其实很……

关于好设计的100件事

关于好设计的100件事

好设计有吸引人心的力量。你会发现那些甚至只是看上去好的设计,都可以让人支付更多溢价。但真正好的设计,是用独特的视角和智慧不断修正生活里各式 各样的漏洞,为生活提供美感,当然,也能帮助公司塑造品牌……

以迅雷看看产品为例,谈设计及用户体验的点点滴滴

以迅雷看看产品为例,谈设计及用户体验的点点滴滴

很多网页设计师认为自己做好设计就可以,其他的事可不用理会和学习,那就大错特错了!一个优秀的设计师,必须深入了解产品本身、相关交互结构及用户体验等常识!这样设计师设计的东西才能深入产品中去,避……

HTML5的革新:结构之美

HTML5的革新:结构之美

前言:HTML 5如同一场革命,正在Web2.0后时代轰轰烈烈的进行着。HTML 5是什么,无须我在这里赘述了。对于HTML5的革新,按我的理解,可以总结为语义明确的标签体系、化繁为简的富媒体……

网站导航制作:让你的网站导航更扎实更清晰

网站导航制作:让你的网站导航更扎实更清晰

导航在Web中扮演一个回答用户”我是谁?””我从哪里来?””我到哪里去”的角色。好的导航是一个网站的主要基石。而在开始制作一……

怎么样的登录框才算的上是“优秀”的

怎么样的登录框才算的上是“优秀”的

我们平常上网遇到最多的是那些各种各样的输入框,作为成为一个网站一员的第一步,登录框你必定每天都会与其打交道。本文对比各大sns和社区网站的登录框,看看到底怎么样的登录框才算的上是“优秀”的。人……

Foundation框架 – 快速创建跨平台的网站页面原型

Foundation框架 – 快速创建跨平台的网站页面原型

门见山的说,作为网页设计和开发人员,我们面临着以下几个严峻的问题:每天,人们用来上网的设备种类和数量都在不断上升。为每种设备设计开发不同的界面是不可能的。即使你专门为某些设备定制打造,这些设……

信息可视化制作:可视化的案例和制作特点

信息可视化制作:可视化的案例和制作特点

最近在研究“信息可视化”,因此首先需要定义研究范畴。信息可视化的定义之前有同事研究过,本文只简单摘录wiki的定义:信息可视化(英文:Information visualization)是一个……

Q+ Web 改版设计小结

Q+ Web 改版设计小结

背景WebQQ1.0最初以IM工具进入用户的视野,2.0标志着WebQQ华丽转身为平台型产品,3.0是我们在深化应用平台概念的定型,纵观webQQ的演化,其独特的产品形态一直被业内各竞争对手所……

网络交互式广告体验

网络交互式广告体验

一个好的广告不仅仅在于能够传递准确的信息,为广告主达到某个商业目标,同时,对于受众来说,好的广告能够为用户带来良好的体验,增强广告的趣味性。在具体介绍交互式网络广告之前,让我们了解一下目前网……

手机网站制作:手机网站制作蓝图模板

手机网站制作:手机网站制作蓝图模板

但是现在我们有工具去改变这种糟糕的状况了,随着mobile-first概念的深入人心,和响应制作的发展,相信未来的手机网站将会拥有更加优秀的用户体验。但是别高兴得太早,如果……

固定浮窗在设计中的使用

固定浮窗在设计中的使用

固定浮窗是网页设计中常用的技巧,指一定区块固定在浏览器的响应位置而不随滚动条的移动而改变位置的设计。最常见的固定浮窗设计是固定在浏览器底部的弹窗广告,比如新浪首页会有新浪视窗的弹窗广告。最……

在线网站编辑工具Thimble和imcreator对比

在线网站编辑工具Thimble和imcreator对比

Mozilla于6月19日正式推出了一款基于网站的新开发工具Thimble,采用可视化的编辑器帮助用户在浏览器中撰写和修改html与css代码,并能够及时的提醒用户代码中的错误,且提供简单的代码说……

7月收集国外简洁的黑白灰色调网站制作案例

7月收集国外简洁的黑白灰色调网站制作案例

好的网站配色会让人眼前一亮,从配色中就能体现出所要表达的网站主题。有些网站喜欢艳丽的色彩,这样可以突出网站的主题或者引起浏览者的注意。但是有些网站很特别,喜欢使用简洁色调来构造整个网站,在那些制作……

用户体验制作案例分析:关于链接的文字描述

用户体验制作案例分析:关于链接的文字描述

你肯定有过这样的经历,希望你的用户点击你提供的链接,但却不知道要怎么吸引他们这么做。某些人在碰到这个问题时,会倾向于在他们的链接上放上“点击此 处”四个字。但是,在你屈服于这样的诱惑之前,你应该要……

前端开发工程师和美工掌握的知识的区别

前端开发工程师和美工掌握的知识的区别

摘要:很多公司甚至是多数以互联网网站为主要业务的公司都会把“美工”的概念搞混淆,通常这些公司都会把网站制作+网站制作的人员统称为“美工”。而一家成熟的互联网公司则会把网站方面的人才规划的比较详细,……

UI制作技巧:网站结构清晰明了的结构制作

UI制作技巧:网站结构清晰明了的结构制作

档蒙钊胙芯浚倥浜涎丈统叽绲脑擞茫拍苤谱鞒鲇押玫慕缑妗……