文章标签 ‘视觉’

没有评论网页栅格系统研究（1）：960的秘密

2009年12月7日

研究网页栅格系统前，来看一组数据：

网站 首页页面宽度 px
Yahoo! 950
淘宝 950
MySpace 960
新浪 950
网易 960
Live Search 958
搜狐 950
优酷 960
AOL 960

上面列举的都是Alexa全球排名前100的站点，它们的首页宽度为950px/960px. 除了微软的Live Search, 这些站点有个共同特点：页面结构较复杂，都可以认为是门户型网站。

再来看看Google, YouTube, Facebook, Flickr!, eBay等知名站点，它们的首页宽度没什么固定规律，共同的特点是：功能专一，页面结构相对简单。

根据上面的简单分析可以认为：当搭建页面结构复杂的门户型网站时，开发工程师们不约而同地都选择将页面宽度定为950px/960px.

这是一件很有趣的事情，为什么要选择这个宽度呢？这个宽度值究竟有什么魔力？

阅读全文…

分类: 前端开发, 视觉设计, 页面实现 标签: , , , ,

没有评论行动召唤按钮在网页中的实例与实践

2009年11月7日

行动召唤在网页设计中——尤其是在用户体验方面——是一个描述在网页中用于诱导用户行为的元素的术语。在网站界面中，最流行的行动召唤的表现是出现在点击表单按钮、完成一个行动(比如”Buy this now!”)或使用附加信息带到一个页面(比如”Learn more …”)等请求用户来采取行动的地方。
阅读全文…

分类: 视觉设计 标签: , , , , , ,

没有评论设计技巧:如何在设计中一图多用

2009年11月7日

　　在版面设计中，你有很多地方都需要用到图片，但你手上只有一张图片，怎么办？在本文中，我们用两个实例来说明如何解决这个问题，我们只用一张图片，通过分解剪切，就可以将这张图片用在不同的地方，出来的效果非常漂亮。一张图片，其实已经足够！

　　在本文中，我们要将你买回来的图片物尽其用：通过从原图中得到几个小图，完全可以配合你的版面设计。 阅读全文…

分类: 视觉设计 标签: , ,