今天我想聊聊怎么做网页界面设计,大家感觉用什么软件排版更高效便捷?
首先,我看到各教育平台讲解网页设计时,都是用PS做图做网页排版。众所周知,PS做图强悍,但是做排版真心不行,光是文字就能把设计师整哭。图层甚至能做到上百层。虽然有分组的功能,但是复用很不方便。有时感觉不如PPT好用。
课程中的案例
在2010年之前,见过用FW的同行,他不是设计师出身,就是做网站的开发员。甚至他不会用PS,但是他却把FW有的得心应手,特别是切图功能,能快速出HTML代码稿。当时我就很好奇,但是由于本人PS先入为主,就没有深入研究那个软件了。那时流行表格布局网站,据说FW火了很久。但是本人还是老实巴交地用PS做图切图。
后来,做网页代码和做界面设计的岗位分工后,HTML等代码布局不需要美工做了,变为前端后端。本人甚至用PPT完成了界面设计。因为前端自己会处理所有图片,不需美工帮他切图缩放大小。前端也仅是需要设计师帮他做一个界面效果罢了。
再后来,出现了RP、蓝湖啊、Sketch、XD、Figma 墨刀等原型软件。但是在排版布局上,会框架住设计师思路,特别是RP更适合做规划设计的产品经理用。
原型制作工具
原本一个完整的团队配齐需在用研、交互、UI、产品、前端、后台、运营....众多人员,但是2020年后形势大变。势必造成UI设计师要掌握交互、产品相关技能、成为全链路的设计师,才能拥有市场竞争力。。
本人所做项目不多,但是对前端框架略有研究。发现交互事件还是交给前端解决。而做UI设计的,还是深专设计比较好。所以在以上项目工作中,总结出一套自己的快速方案。
当然图片处理,还是可以PS中处理好的。而排版最好不要在PS中排。可以利用产品经理用的软件,如Sketch、XD、还有墨刀、摹客等。
本人尝试了PS+墨刀软件完成一个网站界面设计及交互。
因为之前本人在PPT中做界面效果图,因为嫌苹果系统操作麻烦,PS排版太弱,RP随心所欲能力弱。所以跑到PPT中做了。同行可能会嘲笑本人不够专业。但是的确现在PPT足够强悍,不仅像AI一样全矢量、图文互排,还可以嵌视频嵌动画,还能做些交互.....
但是试用了墨刀后,尝到了快捷的交互后,立马放弃了PPT。有人笑道,是不是喜新厌旧。但是你不经历是完全不会知其差别的。
用了几个月墨刀平台后,出了七八款网页设计整站稿,刚尝到甜头,就发现了它的缺陷。一是在线平台,必须年年付费。如果是企业版还能内部团队帐号之间的源文 件协同和赠予。如果是个人版,帮别人做完稿后,其源文件是无法交付给别人自己修改的。只能是把成品交给前端,前端自行切图下载。。。
这就造就成,此软件仅成为企业内部设计师协同的平台,而无法支持接单设计师的源文件交易了。并且在墨刀平台的源文件如果超过一定数量是无法长久保存的,需要长年付费。
于是,本人又开始转向学习XD,但是XD的交付协同能力和网页共享能力是不强的。不如墨刀摹客。因为它是后起之秀,有很多人都不太会用。更别说修改了。
这是本人在近期的工作中遇上的瓶颈。拿出来给大家分享,也想知道更专业网页设计的同行是如何解决的。