设计师怎样炼成的?
|
 
|
选择浏览模式：
故事模式 |
单张浏览 |
3D画廊 酷！ |
幻灯片
好看簿以前的界面完全是我一个人捣鼓出来的, 没有"精雕细作"过. 我的10月是在设计中渡过的. 每个周末我都和设计师一起用Photoshop把主要页面设计出来, 然后我一个人利用平时工作日时间把设计实现出来. 回首看过去, 仿佛走过千山万水. 趁在记忆还清晰的时候, 把随手拍下来的照片整理成故事放上来. 整个故事分为三个部分: 1. 以顶部导航为例解释设计的过程; 2. 我们的工作环境和当时的合影 3. 我拍下的最终上线前的测试工作过程. |
最初方案 完全使用Photoshop一点点画出来的. 背景, 首页的Flash, 导航条都和最终方案不同.
用Photoshop作出原型非常重要. 因为我不会用Photoshop, 因此如果直接用代码实现, 修改和尝试不同的效果花费的时间太长. 用Photoshop做出来, 不同的层修改起来非常方便.
hongxiaowan
4 年, 5 月前说:
我喜欢用铅笔
|
palm_100607_003 当时尝试不同的选中效果. 一种是桔红色高亮. 一种是下划线.
|
palm_100607_004
|
选中效果 怎么样, 方便吗?
|
下划线效果
|
palm_100607_008
|
下划线效果制作完毕 怎么样? 是不是很快? 要是拿CSS, 不知道要多久呢. Photoshop里面的层,蒙版实现不同效果的切换非常方便.
我们就是"一寸一寸"的向前推进, 每个地方都要尝试至少两个效果, 做完以后换角度看,站起来看, 退后看, 仿佛艺术家在审视刚刚完成的作品. 通过photoshop层的隐藏/显示可以快速进行对比,找到理想的效果. |
工作环境 - 月饼盒设计台 大部分工作是在设计师家里完成的. 呵呵, 事实上是在他的工作室,兼书房, 兼卧室. 小小的卧室只有一张床,一个电脑桌.
我就在他的床上用月饼盒子打起来一个工作台. 设计刚开始时才过过中秋. 这个月饼盒子很硬,宽度适中,非常完美. 盒子当然就要放在他的床上啦~~~ |
palm_100607_016 有时俺坐在床边,有时干脆就做在窗上. 文件传输基本靠U盘. 设计师是个全能的哥们儿, 从Photoshop, 到HTML/CSS, 到Flash, 到Flex样样精通.
唯一的问题是他的电脑是Vista的, 俺的还是XP,所以很多浏览器兼容性的问题在他那里愣是没有, 着急的事情就多了去了. |
设计现场 - 2 设计中最有挑战性的要数故事页面, 久久讨论没有结论的就是照片评论, 应该放在哪里? 怎样添加?
由于当初还考虑所有页面布局可以随着用户显示器宽度变化, 所以他特意跑到我家, 在不同的显示器上实验/讨论/再实验. 这个照片就是我们在Photoshop里面做好一种效果, 退后, 一边看, 一边讨论的过程. LP给拍了一段宝贵的录像, 传到土豆上去了: http://www.tudou.com/programs/... |
你会感兴趣的其他故事 |
|||
| 更多 | |||
