此作品是否涉及版权抄袭?
请谨慎投票,一经投票无法更改。
-
抄袭了
-
没有抄袭
看见问题了,一只胖乎乎的呆萌海豹雪姐姐爬过来,先上一张自己画的图图,这是偶归纳的互联网产品设计的一个周期流程。
接下去回答问题:
问题1和疑惑1、同一个页面会有多个状态,比如登录页,和注册页,虽然使用的是同一个页面,但是视觉表现形态是不一样的。比较好的做法是,先出一个基础页面,然后再在基础页面上修改其它状态,一般会在同一个PSD里做几个组把不同状态做出来。或者每个状态一个PSD源文件,然后导出若干PNG效果图。
疑惑2、手机的动态效果,如果是真实程序里的,肯定是由程序员用代码去实现的。如果只是高保真演示DEMO,可以用AXURE,AE等交互动态软件做效果。
疑惑3、切图和标注可以用PS直接标注,也可以使用CUTTERMAN切图插件和MARKMAN标注软件来切和标,会很有效率。
然后回答为什么要切图?
首先、UI和平面最大的不同就是,界面会根据用户的操作行为,进行操作反馈,那控件和图标就会有各种状态。
一个界面上有很多图标和状态,为了使每个图标都可以对用户的不同的操作进行不同的响应反馈,我们就需要为图标和控件制作不同的状态,比如普通、按下、失效、访问后、悬停等等,最基本的至少要有普通状态。
然后,切图的另一个目的是为了节省资源,能重复利用的控件和背景等我们就可以使用同一个切片。
再最后,标注的问题,就是一整张效果图被我们切的碎碎的后,为了让程序员把切片正确的用代码显示在界面相对的位置上,我们就要告诉程序员,每张切片的宽高,在界面上的X,Y坐标,字的行高,字符颜色,背景填充范围等。这就是标注的意义所在。
吾系呆萌的海豹雪姐姐,欢迎跟我一起学UI!
1.产品经理和老板敲定之后,输出需求文档,其中包括原型|(大公司也可以由专门的交互设计师做,一般小公司不会有这个职能);
2.原型可以是静态也可以是动态,一般用静态;对外装逼或者跨部门ppt沟通吹水的话,用动态;
3.原型pass之后交视觉设计UI,网站UI一般用PS,输出PSD给web前端工程师;如果是App开发可以用ps但是更好的会是AI,标注好,给到App前端程序;
4.前端程序会和后台程序一起商量好接口之后,就是程序实现最终产品;
5.然后是测试,小公司小团队可以直接跳过测试这步(用户数不多的情况甚至没必要搞测试环境)
6.测试ok之后通知产品,运营等同事安排待命选择时间点上线;
以上流程大多数公司基本差不多,会有些少区别
1.注册页面登录页面:原型是怎样,就怎样;设计师可以提反对意见:譬如,“艹,全中国都没有一个页面这样做,你确定要这样布局?”
2.动态交互由前端程序员实现;(RP原型的动态则由产品经理做,除非大公司有自己的交互设计师)
3.标注以及切图的方法以及为什么切图:切图就是指把设计稿落实到每一个网页元素,需要前端工程师写CSS语言来定义颜色,大小;譬如一个纯色的登录按钮,它不是一张图片,而是由程序写的,譬如 .login-button{ width: 220px; height: 70px; background-color: # f2f2f2;};
前端工程师一般会自己切图(因为前端工程师非常清楚自己要怎样做这个页面,所以如果由UI来切图的话,到时候跟前端要来回沟通很多次)工作经验浅的,比较弱的前端工程师则需要美术切图,至于怎样切,问前端工程师需要怎样切就怎样切;
APP下载(Android)
微信公众号