我近期的网页|专题|频道|后台等UI工作总结与公司实战经验分享

这是ZOL问答堂频道的一个活动专题页，产品想利用答题过关的游戏形式刺激回复。形式上我就想到了媳妇最爱的保卫萝卜。在设计过程中还给她看了几次，促进了夫妻和谐~做这种专题的时候，尤其是交互和动画比较多的情况（比如小飞船在飞行时会喷火等等），一定要先和前端工程师沟通好，哪些可以做，哪些做起来很费时间等等。一般会在项目启动会的时候去整体沟通。

这个就是一个推广专题，做之前头疼的就是如何把这种截图的东西做的上档次一些。

这个是第二页会看到的‘商家后台’的首页，这个我就是想说一点，banner图的这个图形试用Ai模拟的3D，强烈推荐这个功能，就在菜单中的【效果】里。可以让不会3D软件的同学也可以制造出简单的空间感。

下面这是中关村在线HIFI频道的改版。做频道页给我的感觉就像安排一次宴会或者是布置一个房间，需要有条不紊的安排产品经理给到的东西。比如文章列表这一个个模块，看着很简单，但刚做网页的时候这块都会出现很多问题，比如标题、摘要和下面一排按钮，这三项的间距分布，要把相似的类目并到一组，让间距有节奏，55分也不太好。比如小icon，大小一致的原则不能完全用像素考量，而是要结合眼睛看是否视觉上大小一致。

这个是万维家电网的首页改版，这个大概连做加修改用了5-6个工作日吧。相对比较繁复，七七八八的模块很多。建议大家在做这种长页面的时候，先做一屏，然后给需求方确认，这个阶段可以调整下色调啊风格啊，定了之后再往下做。省去很多不必要的麻（si）烦(bi)。这种门户或者资讯的首页难点在于模块与模块的安排，要考虑用户的视觉走向。Tab标签栏的设计也是一个考验，因为有的会有好几层级。注意内容的松紧度。

这是一个商家后台，产品经理希望做自适应。这就要考虑到在屏幕1920宽度到1000宽度各自的状态。和前端沟通之后，后台的每个页面我做了1920和1000两个宽度的版本，并标注哪些框是固定的，哪些是可以拉伸的（标注一类即可，剩下的就是另外的）。
后台类的设计主要目标是清晰实用，需要注意对齐方式，列表的对齐方式还是很讲究的。再就是统一性，各种情况出现的时候一定要尽量保证交互的统一，不让用户疑惑。

一个版本介绍的专题