传送门: iPhone GUI PSD Version 4

PS:最近开始忙项目了。很多半成品的文章堆在后台米放出来，大伙久等了,所以放出个东东来，证明这里还没长野草~。^__^

您可能还对这些日志感兴趣 - 随意

• 尊重网络–不要玷污校内
• 被强奸了一番
• 有一种美叫洁白– iriver改版好久
• Dreamweaver CS4 试用笔记
• 一些琐碎 – 技术活

但是我还是比较纠结于，站上的一些交互，也算是做为一种总结，或者说是一种发泄也好。

总的来说，从交互设计去看待这个产品，我给自己打个不及格。
因为这个上面有太多东西需要去纠正， 有太多交互需要去否定，但是因为某些客官的因素，我对此无能为力。

既然如此，我们就退一步用一种学习的眼光去分析这个页面：

这个版本的淘日本的原型是上一版的淘宝商城，所以出处都有淘宝的些许气息。但是在此之上增加了一些杂乱的风格，
如：
页面设计元素中的字体选择过多，页面参差不齐。

部分元素模糊太深，导致页面不精致，边界不清晰。

图片上的字体没有经过锐化处理，降低了可识别性，显得不精致。甚至有些12px 的字可以直接使用，code 就可以实现。

区块中元素过多，用色过多，眼花缭乱。

交互部分太隐秘。我想一般人是不知道这里有个tab 切换 按钮，甚至这东西不是定时滑动，还有就是 箭头太小，我想一般有钱人都点不到 – -

链接的下划线，是强调这个是一个链接，还是告诉用户，样式出问题了？
已经有不少开发同学询问我 ，这块是不是 样式还没写好，咋觉得没有样式一样，我知道这是日本网站的链接风格（日本的网站，一般都在链接下增加下划线以告诉用户这个是一个链接，非常遥远的历史，也不知道是谁起头的，也不知道什么时候会改革），但是你要知道，连开发这样不懂设计的都以为是没加样式，意思是他们的潜意识里，中文链接下面不加下划线看着会舒服些。既然要做一个中文的网站，一个链接有没有下划线，不能突出什么，何不考虑其他样式来突出 链接的 重要性，以及层次性。

交互设计不同于视觉设计，交互是为了帮助用户实现某些功能的便捷设计，仅仅是为了好看，牺牲用户体验是不可取的。

另外，想说的是，一个面向用户群是中文用户的网站首页（首页完全可以人为控制），竟然用了如此多的日文设计，甚至影响到样式的 字体设置（当前页面的默认字体，是优化日文显示的），牺牲了中文，以及数字英文的显示效果。非常不可取。

好了 末了~
总结了这么多。祝愿：淘日本能走远点，不要停下来，要飞快的，想淘宝一样。

您可能还对这些日志感兴趣 - 随意

• 颠沛流离 – 搬家去了美国
• Only the music
• 无齿地将png塞进IE6
• 什么在阻碍中国动画产业
• [转]FireFox中location跳转问题

就像标题说的，中文站这次改版 越来越年轻化了，也可以说是被淘宝同化了。呆呆的看了5分钟写下些体会，如下：

• 简洁了很多， 咋一看以为是淘宝，因为色彩用的是淘宝的那种很活泼的橙色，用色很简洁，导航用像素渐变取代了 原先的平滑渐变，去掉了很多 复杂的东西，页面看上去 像个脱胎换骨的 全新网站，没有原先的那般浓厚繁杂，不知道是不是寓意着新公司新形象。
• 更年轻化了，不知道是不是因为淘宝改版的影响，新版中增加了很多标签式的浏览，个人觉得这样的浏览方式更加省空间，并且很时尚，也将页面从原来的平面型 转化成 跟 富有层次的 多平面型，这样的效果，最早是从yahoo新版开始的(我比较后知后觉，一向很崇拜yahoo而已，嘎嘎~) 。好处是很多，但是不知道是适不适合 刚接触网络的那些 土老板 当时在国际站的时候是怎么称咱们的中文站用户的。这样的设计可以告诉我一个很大的信息可能是：中文站的 用户群也越来越年轻化了。
• 像淘宝，第二次乍一看看是觉得好像淘宝，一直以来中文站的视觉冲击带给我的是：繁华，热闹，商务气息，但新版似乎摒弃了这3个元素，简洁的界面让它看起来很冷静，活泼的淘宝一样的视觉冲击更像是一个B2C的网站，商务气息不是那么浓厚，看来淘宝 太深入人心了，给设计师也带来不少的困惑。当然我只是个非专业滴
• 补充用色亮了好多，发现除了 导航用色比较鲜亮外，其他的如边框的颜色用的灰阶都很淡，怀疑可能在某些早起的液晶屏上看不到那边框，小灰狼都被扼杀了，觉得这个问题需要重视，不然页面看起来会很囧rz

其实这仨改版都有一个共同的特点就是都向简洁靠拢，能不渐变就不渐变，能方的就不用圆角的理念。

让我想起 设计的3句真言：

• 看山是山，看水是水。
• 看山不是山，看水不是水。
• 看山还是山，看水还是水。

从简单到复杂，然后又回归简单，但其实不简单。

= 。=得扯远了。

拍个照留念~ 点击可查看大图

改版后~

您可能还对这些日志感兴趣

• 从淘宝透露出的那些设计细节
• 有一种美叫洁白– iriver改版好久
• 大步向前走-YOHO改版

还有就是打开速度，也是为什么我一直都不想用Firefox 来上网的原因了。

您可能还对这些日志感兴趣 - 随意

• 强悍的javascript — 3D效果
• 今年流行庙~ 笨庙工作室
• M8 到手 内牛满面
• 乱翻乱教 – M8开发环境(vs2008)配置 [菜鸟版]
• 清风忽悠我

有图有真相，如果感兴趣 也帮忙一起整 嘎嘎···

您可能还对这些日志感兴趣

• Google Chrome浏览器 真邪恶

年末了，公司忙 – - ，都不知道在忙什么，只知道一直在接需求，一直开会，一直总结。
总之，换产品线之后，就木有停下来过。果然跟当初想象的一样。

好了绘画少说。
喜欢这个皮 点这里下载。
Janblus

还有大图

您可能还对这些日志感兴趣

• 仅仅是比较忙 – 即将毕业ing
• 一张皮惹的血案，不是《画皮》

很少在blog里谈论工作上的事情，基本上都是发些技术类的文章。

今天C2J团队架构整改，部门按产品线划分了，改动空前庞大，咱们UED，也被分开了。县(产品线：线)长不再是 李sun，位置也变了，内牛满面，这大概就是阿里六脉中的拥抱变化吧。

上面的图是上个月一次半夜发布的时候，跟同事 在聊 c2j(阿里巴巴 日文站) 的未来的时候，突然灵感一发，通宵做的一个c2j的首页。

经过一个星期的修修补补，整出了一个demo版首页。然后给运营团队发了群邮件，激发了一浪大改动的风波。

=============以下引用一下当时邮件的一些内容=============

首先从个人观点来看当前C2J首页有以下不足之处。

从设计角度讲

作为交互设计师，个人感觉C2J 首页目前的显得太“简陋”，

1. 包含的信息太少。

2. 第一屏最有价值的信息是“自己看过产品”，

3. 类目模块占据了“第二屏”(淘宝和中文站都爱这么做)

4. 页面丰富度还欠佳，供应商推广，和产品推广，在第3屏以下，曝光量太低。

从网站运营角度讲

首页作为一个网站流量最高的页面，当前C2J首页 dump 给用户的信息太少，且导向性欠佳

从供应商角度讲

供应商希望自己的产品最大限度曝光，

==============================

作为现在的C2J， 我感觉是在创业一样，有太多新鲜的东西等待着我们去改进，这是一个很激动的事情。

好吧 – 拥抱变化就到此为止吧。

我有预感，接下来的半年将是辛苦的又快乐的，因为我们在创造，像神一样。

PS: 花花~ 39°C了，在此祝福一下，祝早日康复。^_^

您可能还对这些日志感兴趣

• 飞鱼在滨江 – 网商路699号

相比淘宝，那宽屏网站(上面那只)，更加让人热血沸腾，真的是利用了用户(1280)的每一寸空白- 用1280看这个网站相当充实。
不过也有坏处，页面抛给用户的东东太多，可能用户一下子会有一种压迫感，但是这个对于中国用户来说，中国用户喜欢热闹的场面，他总能在热闹杂多的市场内寻找到自己心仪的东西。

好了 瞎掰完了····· 喝个下午茶~~~ ^_^

PS: 下午 突然 抓到了 B2B 的新版首页(不知道是不是我太out了) 点击查看大图

您可能还对这些日志感兴趣 - 随意

• 怨念体 – 不同的字体有不同的line-height
• Dreamweaver 代码配色方案 DIY
• 大步向前走-YOHO改版
• 琪琪杂货铺
• 不色不计

无聊之余做了套仿校内style的皮。

您可能还对这些日志感兴趣

• 世界之窗皮肤：Janblus【 beta 1.1版】
• 一张皮惹的血案，不是《画皮》

最近依然是一些琐碎的事情比较多，培训，社区，网站，论坛，会议。
也没有什么比较有感的东西好写，稍微列举一下吧。^_^

关于设计部培训
设计部培训已经将近6节课，感觉设计这个东西还真是难教，视觉上的东西只能意会不可深教。有的时候你恨不得将某某某效果做给孩子们看，然后他们才“哦～～～，原来如此”的一下，囧rz 大概我从前也这样的状态吧。

最近几节课都是跟大伙分享一些设计元素，配色，设计分析，很抽象。
有娃说： “老湿@_@…这个有点吃不消听“。
回答 ”额，好，那课间休息…..” 全倒～～～～
毕竟不是老湿出身，引导为主，避免误人子弟 ·哈哈··· 深刻体会大猫老湿 =。=

不过设计这个东西，飞鱼我深刻的体会是： 光有兴趣远远不够，还要对设计有爱。
这句话是这么理解的，我接触过的很多孩子嘴上说：飞鱼学长啊，什么时候教教我们PS吧，想学点设计。可以见得你是对PS有那么点兴趣滴，不过想学好PS并不难，关键是要能做出东西。PS基础知识在图书馆，书店都能弄到，一周就能熟悉PS

不过能听到一娃说：感觉到瓶颈了，会做东西，但是总做不出自己想要的。 这话我很爱听，知道有瓶颈很正常，如果能跨过去，将有很大的突破。秘诀嘛～～ 无非是多练，多看，多总结。

其实发现我并不适合做设计，我这人太懒，连个圆角都懒得画，更不用说 麦霸 的那种狂野风格。

其他事情的话 多说无益， 整点酱让大伙尝尝～～^_^

您可能还对这些日志感兴趣 - 随意

• D4设计论坛
• 今年流行庙~ 笨庙工作室
• 自娱自乐
• safari 4 试用笔记
• 有道阅读 试用手札