简明现代魔法 -> web设计理念

关于微博内容中的短地址ShortURL

看看各大微博的短地址是如何实现的

短网址应用已经在全国各大微博上开始流行了起来。例如QQ微博的url.cn,新郎的sinaurl.cn等。我们在QQ微博上发布网址的时候,微博会自动判别网址,并将其转换,例如:http://url.cn/2hytQx。为什么要这样做的,原因我想有这样几点。

发布于 2010-08-25 分类:webdesign

非阻塞加载脚本介绍

Loading Scripts Without Blocking

随着越来越多的网站涉及“Web 2.0”应用,JavaScript脚本的数量也急剧增加。这是令人忧虑的,因为脚本对页面性能有负面影响。主流的浏览器(例如IE 6 、7)会以下面2种方式发生阻塞:如果资源位于脚本的下方,那么他们会被阻塞下载。如果元素位于脚本的下方,那么他们会被阻塞渲染展示。

发布于 2010-08-24 分类:webdesign

怎样避免糟糕的用户体验

一些网站设计上的建议

当我们在讨论一个网站的用户体验的时候,往往会从网页上的视觉效果,反应速度,网站内容等方面进行评价。下面,让我们就以上几个方面来简单列举一些互联网中经常遇到的影响用户体验的情况并且进行分析。尽管视觉设计师在不同的产品领域和职业阶段会遇到不同的阻碍,但是对于"视觉设计"普遍存在三种误解。

发布于 2010-08-10 分类:webdesign

一行代码添加网站功能

简单的代码实现你所需要的功能

整理了一些比较实用的网站设计时常用的代码,代码很简单,只有一行,不需要理解多高深的JS或者HTML知识,按照提示把相应的代码加入到网页模板中即可得到你想要的效果。

发布于 2010-08-09 分类:webdesign

提高用户体验的细节性技巧

非常全面的用户体验设计建议

网站体验,指的是利用网络特性,为客户提供完善的网络体验,提高客户的满意度,从而与客户建立起紧密而持续的关系。感官体验:呈现给用户视听上的体验,强调舒适性。 交互体验:呈现给用户操作上的体验,强调易用/可用性。 情感体验:呈现给用户心理上的体验,强调友好性。 浏览体验:呈现给用户浏览上的体验,强调吸引性。 信任体验:呈现给用户的信任体验,强调可靠性。

发布于 2010-06-22 分类:webdesign

一个实用的焦点图切换效果

结构行为相分离

焦点图切换效果,对前端来说,恐怕再熟悉不过了,实现它的方法应该有多种。如何让当前的数字导航与图片的显示同步?这里有两个区域,图片切换区和数字导航区;分别对应着两个循环函数;plays(value)和setBg(value);当图片循环切换到第2张时,此时数字导航的当前状态也变换到第2的位置。

发布于 2010-06-10 分类:webdesign

Web应用设计的一些建议

如果你想开发一款Web应用,那么你可以看看这篇文章

在互联网时代如何开发一个成功的应用?先发放一万份调查问卷,找几十个人关在黑屋子里花两年时间研发,然后期待着一旦推出就颠覆整个互联网?我不得不抱歉地说,以这样一种方式研发一款互联网应用,在互联网时代已经不太适用。 互联网应用单纯地从和传统应用的运行环境下的不同所带来的差异就足够决定互联网应用并不是把传统应用简单地搬到网上。

发布于 2010-06-02 分类:webdesign

Web 中国色

让你的网站更显中国风

昨天谈了 web 安全色谱,现在可以看一下我们中国传统的色彩。这样对网页配色显得更中国风。粉红(#ffb3a7),即浅红色。别称:妃色 杨妃色 湘妃色 妃红色 ,品红(#f00056):比大红浅的红色(quester注:这里的“品红”估计是指的“一品红”,是基于大红色系的,和现在我们印刷用色的“品红 M100”不是一个概念)。

发布于 2010-05-26 分类:webdesign

Web 安全色谱与配色技巧

让你的网站色彩更丰富

红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广埔、平静的空间。

发布于 2010-05-25 分类:webdesign

电子商务网站的10个易用性原则

让你的电子商务网站在用户体验上抓住用户的心

电子商务网站的竞争越来越激烈,虽然你可能在以最低的价格卖最好的东西,但同样重要的的是用户的购买体验,对电子商务网站而言,易用性就是让用户尽可能快而简单的完成购买,有时候,一条小小的改进可能带来巨大的改变。本来讲述了10条电子商务网站的易用性规则。

发布于 2010-05-24 分类:webdesign

如何从无数的网站中脱颖而出

让你的网站拥有忠实的用户群

当人们访问你的站点时,他们都会立即下意识地判断:这个站点怎么样?值不值的当回事儿?是否值的把他加入到我的bookmark中去(至少我也是这样的)。要知道,在网络信息的虚拟世界里,互联网提供了天下大同的机会,同时也让这个虚拟世界充斥着数不清的商业站点、垃圾站点,大多数站点缺乏灵魂、主旨,东一榔头西一棒子,松散、混乱,原因就在于缺乏策划设计。

发布于 2010-05-15 分类:webdesign

利用搜索引擎制作站内搜索

利用现有搜索引擎资源

借用于几大搜索网站所提供的代码,可以镶嵌到自己的主页中,并对自己网站中的内容进行方便的搜索,而且高效,不占用网站服务器的资源。代码可放在主页中任意选定的位置。

发布于 2010-05-10 分类:webdesign

来自Eye-Tracking研究的23节必修课

细节决定网站的成功与否

在网络设计领域关于Eye-Tracking的研究十分火爆,但是如何把这些研究结果转变为具体可行的设计来运作依旧是个难点。以下就是一些来自于Eye-Tracking研究结果的窍门,可以为改进你的网站设计提供些意见。对比图像,文字更具吸引力。 与你所认为的相反,在浏览一个网站的时候,能够直接吸引用户目光的并不是图像。

发布于 2010-05-06 分类:webdesign

标题与图片一起切换的 slider

一个很不错的图片与文字一起切换效果

一个很不错的图片与文字一起切换效果,用JavaScript与CSS实现。

发布于 2010-04-30 分类:webdesign

UE,UI,UCD,UED 的概念

你有被这些概念混淆过么

UE (User Experience) :用户体验,UI (User Interface) : 用户界面,UCD (User-Centered Design) : 以用户为中心的设计,UED (User-Experience Design) : 用户体验设计。

发布于 2010-04-29 分类:webdesign
 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们