网页设计师的7种出色工具

网页设计

Web设计可能是一个漫长,费力且复杂的过程。 这就是为什么它如此重要 有工具和选项,可让您简化任务 买些时间我们生活在一个可以满足各种需求的大量Web工具和其他应用程序的时代,因此我们必须利用它。

那我想和你分享 七个例子,当然,我邀请您在评论部分与我们分享您个人认为对解决Web项目有用的任何其他工具。

用adobe-kuler设计您的课程

Adobe库勒

在某些时候,颜色的组合可能会有些复杂,这是因为我们有几个相互矛盾的想法,或者是因为我们找不到能很好地反映出我们项目要求的颜色。 在这些情况下,Adobe Kuler是一个很好的选择。 Adobe的免费程序旨在简化创建调色板和查找最合适的组合的过程。 如何获得此应用程序? 为此,您只需要在Adobe页面上注册为用户即可,一旦拥有了用户名和密码,便可以快速访问它。 我不知道您是否记得前一段时间,我们的同事Antonio开发了有关此工具的视频。 您可以访问我们的视频 从这里。

功能视频后备

类型转换

我们在很多场合都谈到过字体在任何项目中的重要性,而决定哪种字体最合适也可能成为一个难题。 因此,该应用程序可以多次成为创建设计的必要工具。 通过Typecast,您可以从一个控制面板访问来自Typekit,Google Web Fonts和Fonts.com Fontdeck的五千多种字体。 这样,您将能够以极其简单和快速的方式选择最适合您的工作风格或语调的字体。 另外,此应用程序将允许您创建列以组织信息和内容,以及更改或修改所选字体。 您只需要在侧面区域的菜单中选择字体提供者,然后选择它们中的任何一个即可直接在同一网页上反映结果。 此外,它还允许我们访问其CSS代码,以便能够将这些字体直接插入您的网页中,完全可以确定您的用户将加载该字体并看到与您相同的结果。

指南1

导游指南

它是Adobe Photoshop应用程序的扩展,使您可以准备自己的文档以开始设计网页,而最重要的是,只需几分钟即可完成。 对于许多网页设计师而言,该工具已成为必不可少的工具,尤其是由于指南提供的精确度可以实现完美的设计。 只需安装它(它的重量很轻,因为它是扩展件)即可享受它。

模拟流程

模拟流

如果您需要开发自己的线框,此应用程序将非常有用,因为它使您可以在短短几分钟内在线为各种不同的平台(包括iPhone,WordPress,Android,Joomla和Facebook)设计自己的原型。 ..结果将是易于在您的项目中使用的高质量原型。 此外,它的操作非常简单,直观且具有功能性,因为工作方式是基于拖放系统,通过应用程序本身为您提供的组件或元素进行。 当然,您应该记住免费版本只允许您一个项目,最大长度为四页,尽管您可以下载不同格式的项目并在停止使用它们时将其删除。

full206

INVISION

当它发布时引起了人们很大的期望,也就不足为奇了。 Invision是一个专注于原型表示的工具,但有一个重要区别:该应用程序将您的作品转换为具有过渡和Web动画的交互式动态原型,因此您自己的模型将获得极大的真实感。 它还使您可以与所需的所有用户(当然包括您的客户)共享您的项目,因此在开始进行项目演示并与网页设计进行交互之前,它是快速,安全和实用的。

屏幕截图2013 02 12在9.54.05-PM

分层保险库

当然,我们在项目中管理文件的最新版本时遇到了很多困难。 尤其是当几个人同时编辑同一文件时。 Layervault是一个Web应用程序,它使您可以从同一界面控制和管理项目的各个方面(与同事沟通,文件管理等)。 您可以将其添加到任务栏,这将允许您通过同步自动保存任何更改,文件,文件夹等。 在LayerVault目录中。 因此,您的项目同事将收到更新,以了解工作的哪些方面被更新或更改,并且如果我们也同步它们,我们还将在其他设备上收到这些通知。

英雄窗口

编码套件

我们有时会谈论它,但是如果您仍然不知道它,我会告诉您,当以一种有组织的,干净的方式构建网页时,它是一个非常有用的工具。 它将允许您导入框架并编译Sass和Less,以及通过在正在使用的项目和框架中进行快速和自动搜索来优化文件。


发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。