以图明志

Web设计理念

Web中国风色彩

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

Web设计理念

安全色谱与Web配色技巧

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

Web设计理念

不容小看的网站性能优化

WPO网站性能优化的基本概念
WPO就是 Web Performance Optimization 也就是网站性能优化。就是让你的网站访问更快一些。还有一种情况,虽然你的网站访问不快,但能通过技术手段让访客感觉快,这也是WPO。建设网站的时常听到如下名词:SEO(搜索引擎优化),浏览器兼容性,网站可用性,Web应用的可拓展性……但很少网站设计者提到WPO这个词。而在用户层面,却经常听到这样的抱怨……

Web设计理念

模仿淘宝的五星评分功能

给推荐算法提供一个很好的参考
评分功能可以让大量用户对你的内容、产品做出相对客观的评价,可以给推荐算法提供一个很好的参考。而五星评分简单易用,大家淘宝都用惯了,所以这里模仿淘宝的五星评分,兼容性、易用性都不错。下面先来看下演示效果。

Web设计理念

避免糟糕用户体验的经验谈

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

Web设计理念

微博中的短地址ShortURL是怎么实现的

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

Web设计理念

一些提高Web应用执行效率的建议

一些细节让你的Web应用跑得更快
尽量避免使用DOM。当需要反复使用DOM时,先把对DOM的引用存到JavaScript本地变量里再使用。使用设置innerHTML的方法来替换document.createElement/appendChild()方法。 eval()有问题,new Fuction()构造函数也是,尽量避免使用它们。

Web设计理念

一般网页制作建议的规范

用规范的思路建设健康的网站
文件命名的原则:以最少的字母达到最容易理解的意义。 如:.news_list{}、.search_form{}……一般文件及目录命名规范:每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm。文件名称统一用小写的英文字母、数字和下划线的组合。尽量按单词的英语翻译为名称。

Web设计理念

使用.htaccess文件来启动图片缓存

让你的网站更加高速
博客里大量的图片会使页面加载速度变得缓慢。 此时访问者需要用更多时间才能打开一个页面。 不过我们可以通过缓存图片来解决这个问题。 当页面第一次被加载时,将所有图片存放在浏览器的缓存池里。之后访问者再加载该页面时,浏览器就可以从浏览器缓存中获取图片,从而减少页面加载时间。

Web设计理念

如何去掉Google搜索的跳转

让你的Google搜索不被reset掉
在点击google搜索结果时,google会在结果的URL前做个跳转,且有时这个跳转地址会被墙,这样极大的影响对搜索引擎的使用体验。近期,Google的基本搜索功能又开始间歇性的被重置,更别说那些早已被压在大墙底下的Google应用了,现在每天搜索几乎都是在无止尽的RESET中,找到瞬间,而且打开地址,还经常需要复制链接,然后粘贴到地址栏,才能打开。

Web设计理念

网站应对庞大访问量的措施

同时可以提高你网站的速度和扩展性
对于访问量大点的网站而言,分离单独的图片服务器和页面服务器相当必要,我们可以用lighttpd来跑图片服务器,用apache来跑页面服务 器,当然也可以选择别的,甚至,我们可以扩展成很多台图片服务器和很多台页面服务器,并设置相关域名,如img.nowamagic.net和 www.nowamagic.net。

Web设计理念

分析用户的网页浏览行为与习惯

用户是如何浏览你的网站的
事实上,互联网用户浏览网页的习惯和顾客浏览商店中物品的习惯没有多大差别。用户打开一个新的页面,扫视一些文字,并点击第一个引起他兴趣的链接。在这过程中,页面上有大量的区域用户甚至根本没有看过。大部分用户在页面上寻找他感兴趣且可点击的内容,一旦发现目标,点击行为就会发生,但如果页面不符合期望,后退或关闭按钮也将马上被点击。

Web设计理念

很有创意的3D盒子图片切换效果

虽然只是伪3D效果
前一阵对三角边稍作了一点总结。昨天下班前同事又提到它。我在想,或许我们利用它做的事可能还不止那么多。也许它还能欺骗我们的眼球更多的东西。比如我一直在想的css3中目前只有webkit核心支持的transition变换属性。能否利用三角边做点它能做的事情呢?于是下班回家随便写了点测试的东西,发现如果要求不是很严格的话,某些时候还是能欺骗到我们的眼球的。

Web设计理念

前端开发者的学习与修炼之路

在前端设计路上我们需要一些反思
我不想谈主流浏览器的历史、每个版本发布的时间,支持的特性与市场份额作为开头,这些大家可以从网络上获取浩如烟海的信息,甚至无聊时可以当做小说般读的津津有味。我只想回忆一些自己的学习经历,以此来反思自己曾经有过的现在自认为错误的想法。还记得你第一次写CSS代码吗?07年的时候朋友介绍我去校内网注册个账号,可以找到很多很多的同学。

Web设计理念

PHP与JavaScript间的数据传递

前后端通信需要注意的问题
在Web开发中,PHP与JavaScript之间的通信是经常需要做的事。js要往PHP端送数据,用的是xmlHttp.send("id=123");PHP给js送数据,用的是echo json_encode($res);(要注意变量$res的构造应符合JSON的规范)。js要解析PHP送来的JSON格式的数据,用var obj = eval('('+ xmlHttp.responseText +')');

Web设计理念

用户体验设计经验总结

可以让你在设计网页的时候细节做得更好
常规上来说,我们把网页布局按照分栏的多少分为一栏式,二栏式和三栏式。对于一栏式页面布局来说,一般在页面上放置一个具有冲击力的图片或者Flash来给用户留下深刻的印象,但是,这样的页面所能够容纳的信息量非常有限。所以常用于企业网站,以及一些小网站的首页,用于让用户记住你的站。
4 / 8 首页 < Prev 2 3 4 5 6 Next > 尾页 页码: