猫灿先生博客,简约即美
« 上一篇: 下一篇: »

Maocan.com新版首页设计

猫灿先生  |  2013 年 06 月 05 日  |  位置: » »

maocan_site

我的个人网站Maocan.com首页,之前一直沿用自2010年11月就开始启用的第一版设计,之间仅仅更换一些首页链接和背景图像,觉得是时候设计一版全新的首页了。新版重点考量的因素包括,更为友好的界面设计(链接区域扩展为方块,更容易点击,尤其在平板电脑和手机上),跨设备最优显示(自适应网页设计,参考日志),更好的SEO效果(加入微格式,以往存在问题修正),重视社交(突出社交平台链接)。首页的最主要功能还是以导航为主,帮助访问者快速定位需要的信息,将各个子站点联系起来。新版基本上是按照Win8的Metro风格来设计的,尽管微软这一最新的操作系统市场占有率还不足5%,但是这种主推的设计风格会越来越多为人们所熟知,所以采用了这个基调。为实现Responsive Design重写了CSS样式,确保在电脑、平板和手机上访问看到的是最好的效果。手机访问时将不加载jQuery和背景图像,加快响应速度。

当前还有一些内容需要完善,比如增加更多的文字介绍,提高“文本/ HTML比例”,这是SEO挺重要的一个因素。至于在不同设备上的显示到底如何,刚好经过Challenger(新加坡的电器连锁店),进去用不同的平板电脑试了一下,效果都挺不错。如果有什么建议欢迎留言,完成这个任务可以继续好好写日志了。

日志信息 »

® 文章信息:本篇日志于 2013年06月05日 23:20 发表在分类 "网站作品, 设计 Design"
™ 本文标签:, , , , ,
© 声明信息:本作品采用 license 协议进行许可,转载请注明来自"Bamboo Talk!"
喜欢本文,那就收藏到 :

“Maocan.com新版首页设计” 当前有4条评论 »

  1. Win8风格哦,你好潮哦

    • 我看好多WP主题都开始这么设计了,趋势啊~

  2. 看起来很不错。底部评论很有特色。用的插件效果么。

    • 欢迎来访~是写在function里的

发表您的评论




    添加表情    发布自定义图片
a b c d e f g h i j k l m n o p q r s t u v w x y z
(Ctrl+Enter快速提交) 如何设置头像?
0

-->
Bamboo Talk! is Mr. Maocan's private blog. Hope you enjoy your every visit here!