欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

这8个高手推荐的神器 能帮你又快又好的做设计!

发布时间:2017:03:22 17:00:01 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1599个文字,预计阅读时间4分钟
导语
Spell(高级产品设计@Salesforce):今天推荐的这8个设计神器,能帮你摆脱80%的简单重复性工作,用更快的速度做出更全面

  Spell(高级产品设计@Salesforce):今天推荐的这8个设计神器,能帮你摆脱80%的简单重复性工作,用更快的速度做出更全面的设计,全是资深高手使用得最顺手的工具。

  第一类:设计的快

  前两天UXOFFER的几个小伙伴在硅谷线下参加了一个Hackthon活动,好好的爽了一把的同时,回来就问了我们:为什么其他设计师手下功夫都那么快?一天就能出一整套设计方案呢。

  对于设计师来说,我们每天的工作在理想情况下,大概80%是创意性工作而20%都是简单重复性劳动。那么怎么保证我们的设计不那么简单重复呢? – 当然要好好的借助外在资源。下面是三类让你爽到不行的工具:

  No 1. Vecteezy – 可以编辑的素材大全

  要想手快,纯靠自己一点一点的做素材肯定不行;都是一堆PSD文件一个图层一个图层抠肯定也不行。尤其是出初稿的时候,往往只是传达一个产品概念供内部讨论,那么这时候所有的asset都自己一笔一笔的画显然有点划不来。

  Vecteezy是各种矢量图的集合站,虽然有些资源要付费,但是免费资源就已经非常给力了,你们感受一下:

  很作资源都提供eps模式,可以直接导入sketch呀Figma呀等快手神器,快速生成你想要的界面。在面对必须快速搞定的初稿的时候,Vecteezy绝对会让你如有神助。不过使用了Vecteezy上的资源,一定要记得添加你的引用哦。

  No 2. ColorClaim – 让你选颜色不再纠结

  Tobias是我去年粉上的大神,他把自己从2012年做过的产品的上百种配色方案总结到了一起,起名叫ColorClaim。个人认为比colourlover等各大色盘分享网站都靠谱,毕竟是大神开过光的,基本都是拿来既用的。自从有了ColorClaim,我就告别了颜色选择疑难症。

  

这8个高手推荐的神器 能帮你又快又好的做设计!

  No 3. 让最终稿不再单调- GraphicBurger

  就连我们公司的PM们,都学会了给CEO或者其他团队作报告的时候,把线框图放到一个Macbook或者iPhone里面,感觉视觉效果瞬间高大上了许多。试问你在做作品集做演示做报告的时候,难道还没有开始使用这一招?那你就out啦。

  GraphicBurger上提供各种PSD资源,刚才说的各种好看的设备容器(比如下图)只是其中的一小部分。仔细挖掘你会看到很多让你激动不已的好资源的。

  不过再次唠叨下,可要记得给原作者credit呀。

  第二类:设计的周到

  刚才说我们设计师,每天大概80%创意性工作而20%是简单重复性工作,那么从另一个角度来说,设计师其实做的也是一个充满细节的工作。比如今天选用了2017流行色美美的翠绿当做背景,明天就被老板批评没有考虑到accessibility完全不考虑红绿不分的小伙伴崩溃的内心。如何让设计面面俱到?下面是几个法宝:

  No. 4 流程辅助神器 – UX Project Checklist

  UX Project Checklist是一个完善的关于UX你需要完成的各个步骤的checklist,虽然不是每一步都是必须的,但是能够帮助你更有流程化,不忘记设计步骤中的小细节。

  

这8个高手推荐的神器 能帮你又快又好的做设计!

  No.5 做一个对对比度敏感的设计师 – WebAIM Contrast Checker

  Accessibility (可访问性)这个概念越炒越热。对于我们做交互的小伙伴,在没吃过accessibility的亏的时候,基本大家都是怎么美怎么来,可是一旦产品真的被一部分用户所不能使用的时候,你一定会意识到作为设计师你身上的重担的。比如我有一个设计师朋友,在产品上线之后,客服接到了不计其数的红绿视觉障碍的用户打来的电话,说根本看不清按钮的状态,产品团队不得不几天的时间从重新设计到发布新版本,忙了个底朝天。

  其实很多时候,最浅层次的accessibility不足,都是对比度不足搞的鬼。

  具体查看对比度的工具,公司网站建设,我最爱用的是WebAIM自带的对比度查询器,只需要贴入颜色的Hex码就会给你答案。下图是第二行第一个Type和背景色的对比度测试结果,可怜的对比度只有1.14:1,怪不得用户看不清呢。

  No. 6 和程序员无缝沟通的sketch插件 – Marketch

  当在GitHub发现这个神器,紧接着又发现了其中的中文,我的内心是激动不已的。中国人做出的良心好插件,如果五星是满分我真的好想打七星啊。如果你用过Zepline或是Markman或是InVision Inspect,那么你对Marketch的创意一定不陌生。想想在这些工具诞生之前,每周花费在给程序员哥哥们出spec上的时间,真是不能更推荐这个插件。生成的spec是HTML格式的,点击一个设计组件就会显示这个组件的详细设计信息。

  第三类:设计的自信

佛山网站建设优化公司 智唯网络

专业建站,免费排名「快速上首页」5年建站优化经验

免费上首页>>马上咨询
专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:业科班方法!写给视觉设计师的印刷基本知识和技巧

下一篇:实战经验!交互设计师如何与产品经理高效协作?

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信