课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 2016年度20款实用的网页设计工具
  • 2016年度20款实用的网页设计工具

    发布:南昌UI培训      来源:优设网      时间:2016-01-28


  •     过去的2015年,大多数的移动端和PC端应用是由web语言开发的,而网页设计更是离不开web语言。

        南昌达内UI设计培训专家推荐给大家20个实用的网页设计工具,包括了开发框架、插件、生产力工具、应用程序,还有一些实践案例。

    1. Prepo

        Prepo 是一款同时登录Mac和iOS平台的应用,帮你准备、分享、预览APP和图标的工具。只需简单托拽就可以将界面进行@2x到@1x 的转换,并且能对图标在不同背景下的状态进行预览。尺寸转换可以批量进行,预览工作可以在本地设备上进行,也可以远程进行,分辨率的支持范围也非常广,不论你是开发者还是设计师,都非常值得使用这款应用。

    2. Philter

        在 Philter 的帮助下,几乎任何人都可以针对网页内容进行后期处理。使用Philter,就像在HTML代码中添加一个Philter 属性那么简单。Philter 还支持悬停效果,只需添加一个简单属性,就可以实现漂亮的灰阶过渡和精致的投影。

    3. Feature.js

        Feature.js 是一款快速轻量级的浏览器侦测库。它并没有依赖库,并且压缩后只有1Kb那么小。Feature.js在加载页面的时候会自动初始化,速度非常快。

    4. OS.js

        OS.js 是一款为浏览器所准备的桌面式应用库,其中包含了完整的窗口管理器、应用程序API、界面工具箱和文件管理系统。它可以很好地兼容目前的主流浏览器和兼容Node和PHP的平台。

    5. Fabricator

        你可以使用Fabricator 来构建你自己的UI Kit。Fabricator 是一款基于Node.js 的平台,用于快速构建、可拓展的网络应用。这款工具为各个平台准备了安装包,你也可以自己编译安装。

    6. HackMyResume

        在 HackMyResume 的帮助下,你可以使用命令行来设计自己的简历。你可以使用Markdown和JSON来编写,并且输出为Word、HTML、PDF、LaTeX、纯文本等多种格式。HackMyResume 是基于Node.JS 来构建的,并且兼容OSX、Windows和Linux三大主流平台。

    7. Gizmo

        Gizmo 提供了四个包来帮助开发者快速编译和构建微服务 APIs 和 pubsub 后台进程。这个配置包提供了一整套通用的、组件化的结构,它可以同MySQL, MongoDB, Oracle, AWS (SNS, SQS, S3), Kafka, Gorilla’s 安全Cookie, Gizmo 服务器等进行联动。

    8. Colorify

        Colorify.js 是一个使用JS编写的胶版,让你可以从图片提取色彩并控制它们。Colorify 可以生成基于图片的色彩渐变图,分离色彩,提取色彩,丰富你的设计。

    9. Apster

        Apster 会让用户参与到故事的讲述当中来,提升用户和内容之间的交互方式。它无疑是“StroyTelling 2.0”,只需要借助VoicRs 就可以让用户真的参与进来,提升内容的参与方式,将内容传播方式推到一个新高度。

    10. Vuvuzela

        Vuvuzela 是一个能保证邮件内容和信息元数据私密性的信息传递系统。

    11. Senna.js

        Senna.js 超快的单页应用引擎,它为你提供了几个低级别API,让你可以借助这个大约8KB的引擎来打造现代的网络应用。

    12. ReqRes

        ReqRes 是一款最基本的ExpressJS应用,它托管了REST-API 并且随时可以对AJAX 需求所响应。你可以使用真正的响应代码来进行开发。支持 GET、POST、PUT 和 DELETE 代码。ReqRes 可以模拟真实的应用场景。

    13. Linear

        Linear 是一款Mac平台的测量应用,你可以用它来测量网页的尺寸,无需使用开发工具就可以测量出某个网页元素的尺寸。

    14. Clrs

        Clrs 重新定义了基本的网页用色,提供了更加友好、现代的网页可用的色调。Clrs 提倡使用可访问性更优秀的配色方案。

    15. Utility Open-type

        Utility Open-type 是一系列更为先进的CSS排版功能,包括了字体连字、小尺寸大写字体等等进阶功能。它们的存在是为了给用户提供更优秀的用户体验细节。

    16. CLimate

        如果你想在命令行下操控PHP那么CLimate 绝对是一个必备的工具,它可以让你轻松地输出彩色的文本、特殊的格式。

    17. Colordrop

        只需要托拽,你就可以借助 Colordrop 轻松地调整UI元素的色彩。只需要安装一个Chrome插件,就可以帮你搞定这一切。

    18. Imba

        Imba 是一种全新的编程语言,旨在建立更加强大的Web应用,它包括了定义、扩展、集成、说明等语言层面的支持。

    19. Slim Framework

        Slim 是一个PHP微框架,可以帮你简单快速地编写强大的网页APP、API。它包括了HTTP路由功能、PSR-7支持等等。

    20. PHAP

        PHAP 可以让你使用PHP来编写本地的移动端APP。它使用PHP来实现功能,借助HTML/CSS来实现UI,让应用可以流畅地运行于Android、iOS和Windows Phone。






    原文地址:egrappler
    原文作者:Nataly Gavin
    优设译文:@陈子木
    原文链接:http://www.uisdc.com/2016-20-web-developer-tools
    推荐文章

上一篇:达内:9个优秀的LOGO设计素材站

下一篇:评判ui设计作品好坏的8个标准

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56