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

这30款网站和工具 应该能让你的设计效率提升一大截

发布时间:2017:03:24 12:05:29 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1284个文字,预计阅读时间4分钟
导语
效率就是生命,对于设计师尤其是如此。所以,能够让工作效率有极大提升的工具于设计师而言,有着极大的价值,

  效率就是生命,对于设计师尤其是如此。所以,能够让工作效率有极大提升的工具于设计师而言,有着极大的价值,因此也有了今天这个高效设计工具列表。

  这些设计工具大多针对某个特定的设计环节,基于具体的需求而存在,它们提升了整体的效率,从排版设计、代码片段到配色方案不一而足,合理的搭配这些工具能让你的整体效率提升一大截。

  1. Web Gradients

  

这30款网站和工具 应该能让你的设计效率提升一大截

  渐变作为设计趋势再一次回归网页设计界,WebGradients 这个网站给你大把的选项,供你探索渐变在网页中的运用。你可以在这里调校好了,直接复制CSS3代码,并且在你的网站中使用。

  2. Flawless Typography Checklist

  

这30款网站和工具 应该能让你的设计效率提升一大截

  Typewolf 为排版课程所准备的这个清单,被单独做成一个交互工具,帮你避免排版中常见的错误。这个列表所涵盖的内容非常全面,每一条给予了简单的说明,帮你理解。

  3. LOL Colors

  

这30款网站和工具 应该能让你的设计效率提升一大截

  想要获得更多配色方案上的灵感?LOL 将许多配色方案打包提供给你,每个方案都有HEX和RGB等代码,确保你立刻可以上手使用。

  4. .resizr

  

这30款网站和工具 应该能让你的设计效率提升一大截

  想要测试你的网站的响应式设计,直接在Resizr 中输入链接,你可以以用户的角度,查看你的网站在不同的设备和分辨率上的展示效果。

  5. CSS Stats

  

这30款网站和工具 应该能让你的设计效率提升一大截

  你所编写的CSS样式表长什么样?CSS Stats 是一个很好的分析工具,帮你将样式表转化为可用的格式。比如你的配色、字体的的实际显示效果和相应的格式。

  6. Adobe Spark

  

这30款网站和工具 应该能让你的设计效率提升一大截

  Adobe Spark 是一款免费的图片制作工具,非常适合用来制作社交媒体上的宣传和营销用的图片。和Adobe 最近的新产品一样,Spark 的学习曲线非常的平缓。

  7. Google Web Designer

  

这30款网站和工具 应该能让你的设计效率提升一大截

  这个新的应用依然处于测试阶段,你可以使用这个工具设计出有参与感的、易于交互的动效设计,所输出的内容都是基于HTML5的代码。

  8. Font Library

  

这30款网站和工具 应该能让你的设计效率提升一大截

  如果你经常使用 Google Fonts 的话,这个工具能够帮你标注和组织你正在使用的字体内容。

  9. What Font Is

  

这30款网站和工具 应该能让你的设计效率提升一大截

  和求字体一样,你可以使用 What Font Is 来辨别字体,你所需要做的就是上传带有待查询字体的图片,它会帮你找到这个字体的相关信息。

  10. Death to Stock

  

这30款网站和工具 应该能让你的设计效率提升一大截

  这个图库网站提供了一些和普通图库不同类型的免费图片,这些免费的图片合集都是不同的摄影师单独策划、上传的。

  11. Todoist

  

这30款网站和工具 应该能让你的设计效率提升一大截

  Todoist 是一个非常实用的待办事项、列表清单类的APP。实际上优设哥一度非常喜欢使用这款APP 。

  12. Bulma

  

这30款网站和工具 应该能让你的设计效率提升一大截

  Bulma 是一款简单而现代的CSS框架,它是基于Flexbox 设计的。

  13. Music for Programming

  

这30款网站和工具 应该能让你的设计效率提升一大截

  请忽略这个略显复古的界面吧,这个网站搜集了一堆适合编程的时候听的音乐。

  14. PlaceIt

  

这30款网站和工具 应该能让你的设计效率提升一大截

  如果你需要一个用来展示你的项目的视觉稿,那么你可以在这里的2500多个创意设计中,找出一个用来展示你的项目。

  15. CSS Ruler

  

这30款网站和工具 应该能让你的设计效率提升一大截

  你可以使用这个工具来查看CSS长度之间的差异,从字体相对值,到百分比。输入参数,然后开始对比。

  16. Patterninja

  

这30款网站和工具 应该能让你的设计效率提升一大截

  Patterninja 是一个能够借助图片来生成图案的工具,你可以将你的图片库转化为网页可用的各种图案。

  17. Theme.Cards

  

这30款网站和工具 应该能让你的设计效率提升一大截

  Theme.Cards 是一组优秀的免费主题合集,其中涵盖了博客模板,登录页面,单页APP应用,BootStrap 主题,Wordpress 主题等,不一而足。

  18. Type Anything

  

这30款网站和工具 应该能让你的设计效率提升一大截

  Type Anything 能帮你快速创建漂亮的字体组合,这样你可以在屏幕上预览、调整相应的参数,然后就可以将这些设计在代码中实现出来。

  19. Img2CSS

  

这30款网站和工具 应该能让你的设计效率提升一大截

  这款工具能帮你将任何图片生成纯粹的CSS代码。

  20. Glyphdiff

  

这30款网站和工具 应该能让你的设计效率提升一大截

  你可以使用这款工具对比不同的字体的差异。

  21. Impalette

  

这30款网站和工具 应该能让你的设计效率提升一大截

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

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

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

上一篇:创造富有故事性的网页 你需要熟悉这7个维度

下一篇:这些至关重要的细节 同你的产品体验息息相关

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

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

  • 售后无忧

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

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

截屏,微信识别二维码

微信号:13825575516

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

优化二维码打开微信