首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > 网页理论 > 正文
臭鱼:QQ空间大头贴改版设计总结
来源:蓝色理想 作者:chouyuchouyu 2007年08月23日 12:24 网友评论:0条 点击:

信息构架的问题解决了,再来设计细节。

设计原则1说:相似的操作放在一起,可以使内容之间的逻辑关系更清晰。
“现有照片”和“摄像头”这两个按钮都是添加照片的功能,放在一起。大头贴有很多编辑照片的功能(比如,放大、缩小照片),也应该放在一起。现在又有了动画合成功能,相应的一个操作也应该归在一起。这样界面上就应该有三组功能按钮了:

按此在新窗口浏览图片

编辑照片的功能中有“高级图像设置”和“文字设定”这两个功能操作起来比较复杂,需要较大的界面来展示。在旧版中,点击这些按钮,界面替换:

按此在新窗口浏览图片

点击中间左排的“高级图像处理”按钮(“照片”图标按钮),界面变为:

按此在新窗口浏览图片

之前的“选择本地照片”按钮变成了“返回”按钮。虽然充分利用了空间,但是不好用。用户刚刚形成了一些隐约的印象:下面中间那里是个“选择本地…”的功能。想要“返回”就不会上那儿去找了。

设计原则2中说:一个按钮一个功能。把这个原理引申可以理解为:某个位置上的按钮应该是固定的。

无论是设计理论还是对实际的分析,都说明在统一位置上变换按钮不是件好事。那么,“高级图像设置”和“文字设定”的具体功能怎么显示?给它们另外一个单独浮起的界面就行了。“插入现有照片”和“用摄像头拍摄”两相功能也是类似的。

至此,大头贴的主要设计完成了。最终的设计效果:

按此在新窗口浏览图片

按此在新窗口浏览图片

新版的大头贴已于7月27日正式发布了。访问方式:

  • 访问qzone.qq.com,
  • 登录,
  • 点击“进入空间”(如果您之前没有开通过qq空间,则需要先“开通”),
  • 在您个人的qq空间中点击右上角的“装扮空间”进入qq空间商城,
  • 在商城导航中选择“大头贴”。

有点复杂哈,显然,设计上要做的事情还很多。

愚下希望能借此总结反应出一些设计原理在实际中的应用,或许其中只言片语与您有益。

首页 上一页 [1] [2] [3] [4] 下一页 尾页
上一篇:如何使网页的字体和颜色更易阅读   下一篇:产品需要合适自己的设计
收藏此页】【打印】【关闭
 相关文章  我要点评
·QQ空间用户超Facebook近五成
·QQ空间居07年空间社区排名第一
·腾讯引入WEB2.0元素 推出QQ空间“魔法秀”
·QQ空间升级LIFE版 发力在线时尚生活
·QQ空间小纸条一日只能免费10条 多发需要交钱

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】