设计师怎样与创业团队配合

用户头像
洛阳/设计爱好者/10年前/301浏览
设计师怎样与创业团队配合
用户头像
创意A06
(十秒读懂全文)
1.一定先问清楚产品的需求,再去设计。
2.多和技术组沟通,交流,了解一些基本的技术常识。
3.要考虑公司的运营成本时间节点。
4.除了做好自己的本职工作,创业公司的原则就是你行你就上。
5.视觉设计是要结合技术的。
6.怎么方便怎么做,不要被条条框框牵绊。
7.不要跟风找到适合自身的界面风格。
8.千万不要每个界面都做一个psd。
9.切图要问程序员需要什么,不需要的不切就好了。
10.永远不要认为自己做完了,及时查漏补缺。
11.千万别做全栈设计师。
大家好,今天给大家分享一下我是怎么在团队中与其他同事配合的尤其是程序和产品方面。
想必大家都知道我的经历了吧我就不赘述了,想了解我的朋友点开链接就可以看到了。http://www.zcool.com.cn/work/ZMTU2NDQ5OTI=.html
好的我们步入正题,我就拿刚刚做的哦呦app第二版的界面来说吧。
去年12月已经是哦呦app在Apple Store上线整两个月了,由于软件处于前期试推广阶段用户很难有飞跃性的增长。公司决定要出名先拿脸开刀,于是说干就干,让我们设计部门对软件UI进行改版,上次做UI的经验告诉我,不能将就着先出方案再让公司的人选,那样我会累死的,所以我们集中讨论了一下UI的大致需求和具体的时间节点,我们确定了我这边先做出来公司决策层都同意了程序那边就开始做。好的我这次要边做边给你们看,避免大的改动。
于是在1月的我和我的设计师小伙伴阿敏开始了新一版的UI设计,我们首先吧上一版的软件架构梳理了一遍。有校园记,畅玩,通知,通讯录,个人中心几个功能。(下面那排小小的是具体的框架涉及公司的机密还是给你们看个大概。)
设计师怎样与创业团队配合(图ZNDY0MzUwNDA=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
由于我们公司的产品经理就是CEO本人平日里工作很忙,所以我们设计师就顺便也搞一部分的产品开发,这无疑是给平日的工作增加了很多负担,但好处是我们可以根据设计改变一些产品的构架(虽然我知道这可能不利于产品的发展但我们尽量还是站在产品的角度去考虑问题)。我们在梳理的时候发现了一些上次没注意的问题于是这次补上,这里顺便插个题外话,上一次开发产品的时候我们是这个样子的--我、产品经理、老板、还有技术组的同事们坐在一起研究产品的功能需求,我一一记录下来,根据这些需求形成需求文档,之后把产品流程,操作方式想出来形成手稿,再拿给产品经理我们一起再研究一遍,可以的话我就拿去做设计图了。(这是我们讨论时的样子)那时天天熬夜加班。。。算了我们还是回到正题。
Collect
设计师怎样与创业团队配合(图ZNDY0MzUwNzI=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUwNjA=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUyOTY=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
我们详细的梳理了软件的整体架构,细节架构,细节组成,交互流程等等。有了这些我们就开始想软件的原型了,我们做了一张首页的原型包括了大致内容,具体尺寸等等,给公司的决策层,通过之后就是原型➕流程了。这是一个庞大复杂的工作,但是在我们两个人的努力下终于也是做了出来。回想第一次UI的时候还是程序员给我们做的原型(羞羞哒)当时不知道原型以为画画手绘就直接在电脑上做视觉稿,其实也不是不可以只是显得更专业能更好的和程序猿沟通。怀着忐忑的心情找到公司决策层经过几轮撕逼后终于可以做视觉稿了。(先给你们看一下最后的界面吧!还是内部资料就不给放大了。)
Collect
设计师怎样与创业团队配合(图ZNDY0MzUwNTI=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUwOTY=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUwNjQ=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUwNzY=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
做视觉稿的时候最好先有一套成文规范,因为毕竟是合作完成所以还是出一套规范,不至于两个人做的东西对不上还要改。
Collect
设计师怎样与创业团队配合(图ZNDY0MzU0ODg=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
说到视觉有一点是不得不说的那就是能不能实现的问题,相信大家也经常遇到这样的问题,自己很有想法有创意又炫酷的设计,程序猿竟然告诉你没法实现,所以平时还是多和程序产品沟通了解公司的状况,了解公司值不值得去为了一个炫酷的动效耽误宝贵的上线时间,所以我的解决办法是,先做一些能说得过去同时不耽误上线日期的方案,之后再让程序猿一点一点改,一步一步和他们磨,把软件逐渐打磨的精致起来。
Collect
设计师怎样与创业团队配合(图ZNDY0MzUwODA=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUwOTI=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
视觉部分的制作是十分辛苦的,既要考虑到好看又要能随机应变,不能说原型什么样视觉就照搬全抄,有时感觉根据原型作出的视觉稿不合理,就要能及时的做出改变,而且不影响后台框架的改变和iOS安卓端的程序改变。举个例子吧就像评论和回复这个东西,由于我们现在的服务器不是很强大,所以我们的评论回复就要做成最新的评论在最下方,这样就不用每次进入界面的时候去请求所有的数据了,如果你觉得单一的评论不好看要变成QQ空间一样的那种评论回复在一起显示的样子,那就要考虑三个问题,1.每次请求数据时服务器要进行额外的计算。2.后台的api接口就要根据这个功能进行调整。3.iOS安卓端是否需要进行调整。再举个例子比如一个活动的界面,活动的类型不一样有较大的活动和较小型的活动你想做一个区别,大型活动的显示显眼些,小型活动显示精致些,它们穿插出现在一个界面,这是就要考虑程序那边会怎样判断这个活动的大小,因为是一个界面刷出来的系统要对活动进行甄别这提高了服务器的负荷也增加了程序的难度,所以这个方案不能通过。
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxMDA=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
还有真的要确定产品方面对软件的构想,我就吃过一次亏,这两个界面的最上面是可以滑动的第一页显示活动信息第二页显示个人信息还有模糊效果,给他们对界面时产品说不需要,技术说不好实现,不好看。宝宝要哭死还要重做,最后改成了这样的,底部一整屏只显示个人信息。
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxMjA=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxMDg=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
视觉的部分对于我们设计师来说肯定是重头戏,江湖上传说的像素眼最不能忍的就是细节这些东西,做完了大体的界面我和阿敏就开始画icon和插画这些小细节了,无疑这是很虐心的,因为要一个像素一个像素去调整去抠一天下来眼镜都花了,看什么都是方格子,做为一个自主开发的软件我们还是秉承原创的精神画了icon和插画,一次次的改稿一次次的打回我们还是爬起来继续战斗。
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxMjQ=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxNTI=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
最后一点关于视觉的我想说,1不要盲目跟风。2不要相信电脑显示屏。第一个很多软件是这样的,但是实际体验并不好所以我做了改进,虽然不能让用户在同一个屏幕看到更多信息,但是可以让人看清内容不至于视觉疲劳。
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxNzY=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
第二个icon小了对不对,因为开始没有连接手机预览效果所以当我第一次在手机上看时icon好小,果断改!
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxNDg=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
截稿的日期终于临近了,我们的视觉设计也接近了尾声。终于在截稿日的时候把整个app给公司决策层和技术组的同事一起过了一遍,本来以为我们自己发现的逻辑错误够多了,之前也把错误总结成几大张纸一一调整没想到当晚,经过6个小时的撕逼大战还是有30多处要改的地方,最有意思的莫过于确定和取消按钮的摆放位置,是左边还是右边,其次注册信息输入时输入款会不会挡住文字,这些我们之前天天看界面却没发现这些。
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxNTY=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxNjQ=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
接下来就是最难熬的阶段了说是我们设计做完了但是恐怖的切图标注软件流程说明还在后面。有关切图由于人手不够我们的界面是按iPhone6的尺寸进行设计的,做一套就已经够虐了,何况是把适配的界面都做出来,所以我们就没有再做一套5s的界面,其实没什么影响,做的话会更好。会想起第一次切图我就真的切什么样传给他们什么样,后来才知道还要最好偶数的尺寸,方形的外框还要极度压缩而质量不变的,我当时萌逼了,现在总算是熬过来了,这一次切图就得心应手的多,但我还是希望以后公司人多了有人帮我切图嘿嘿。
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxNzI=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
最要命的就是在切图的某一天突然发现界面有问题,有时是一个界面还好,有时是一群就不好玩了。。。说到改稿,千万别每个界面都做一张psd改稿时会死的,有条件尽量用sketch,没有条件最好是相似的界面或者一个功能做一个psd。
Collect
设计师怎样与创业团队配合(图ZNDY0MzUyMDA=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxODA=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
Collect
设计师怎样与创业团队配合(图ZNDY0MzUxOTI=) - 交互/UE - 站酷设计师创意A06原创素材 - 站酷ZCOOL
现在新界面还在制作中,后续我会跟进更多心得。我要去做软件的动效了,谢谢大家。
Collect
6
|
Report
|
收藏
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
大家都在看
Log in