实用精选!25个设计师必收的超实在设计与工具网站 - 优设-UISDC

实用精选!25个设计师必收的超实在设计与工具网站

2016/07/01 14033评论区

25-awesome-resources-for-designers-1

各个领域的专业人士有个共同之处,他们总是在寻找各种方法和工具来改善自己的工作。他们探索的越多,就做的越好,做的越快。对于网页设计师而言,同样是如此。

高素质的网页模板,更加有效的项目管理工具,丰富的设计灵感来源,实用可靠的生产力工具,这些都能从不同的层面加速你的网页设计项目。也许今天推荐的网站和工具中,有不少你听说过,甚至已经开始使用了,但是有些可能是你一直在搜索的。

学习资料

The UDX Book

image001

如果你是刚刚开始了解用户体验这个领域,那么这本书是个不错的入门资料。超过170页的技术和实战技巧,这本书涵盖了这个领域最基础最核心,同时也是相当实用的知识,它值得你第一时间入手学习。

WordPress Design for Dummies

image003

所有的“傻瓜”系列图书都是相当优秀的入门图书。这本的主题是 WordPress ,如果你是一个Wordpress 用户,这本书能够让你更快更好地实用这套系统。内容总体上是友好而易懂的,有提示有技巧,帮你更上一层楼。

免费资源

Design Freebies by Visual Hierarchy

image005

这是Visual Hierarchy 所提供的一个免费设计资源合集,和其他的设计资源不同,这个合集中内容的挑选更加“个人”。如果你需要的只是几个免费字体,一套图标,几份视觉稿,也学这个200+免费资源的合集正好能够满足你的需求。

Recipe App UI Kit

image007

有一部分设计师喜欢将自己搜集的素材分享出来,还有一些设计师则更喜欢分享自己的设计作品。这个UIKit 设计项目来自Dribbble,其中每一个iOS UI的设计都相当的细致,值得收藏学习。

原型工具

Proto.io

image009

Proto.io 是一款强大的原型设计工具,让你可以在几分钟内创建功能丰富功能完备的交互原型,无需编写代码。同时它还是一款协同工具,可以让团队成员、客户和利益相关者都参与到项目当中来,在设计过程中实时分享设计原型。

PowerMockup

image011

如果你更习惯使用PowerPoint,那么你应该会喜欢PowerMockup这个工具。作为一个PowerPoint 的库,你可以使用你所熟知的PPT来快速搭建一个桌面端或者移动端界面的原型,简单的托拽就可以搞定一切,有了它,展示起来也更加便捷。如果你愿意添加自己定制的形状和控件,你还可以同其他的PowerMockup 用户进行分享哦。

设计稿转代码服务

PSDgator

image013

许多服务都能提供PSD转代码的功能,诸多服务当中 PSDgator是佼佼者。它不仅可以将PSD转化为响应式的HTML5/CSS3代码,还能识别 Sketch和AI的文档,而这些设计稿还能有针对性的转化为 Jquery/JS 代码,甚至带有视差效果。PSDgator 可以应对不同的需求、不同类型的项目,包括制作Wordpress主题。

PSD2HTML

image015

PSD2HTML® 是一个专注于数字化、营销和设计的Web前端开发公司,他们在PSD转HTML这个领域深耕长达11年,目前团队成员多达472人。他们能够为你提供的代码足够专业,质量一流。

TheSiteSlinger

image017

如果你需要将PSD/Sketch转为HTML,需要邮件系统,BootStrap,或者CMS系统,那么The SiteSlinger 能帮你解决这一系列的问题。The SiteSlinger 的团队是一个结果为导向的开发团队,你所需要做的就是联系他们,提交你的设计,剩下的就由他们来操心吧。

多功能 WordPress 主题

Be Theme

image019

我们曾经推荐过 Be Theme 系列主题,这个团队提供了超过200个预搭建网站,超过40项核心功能,覆盖的网站类型非常的全面。如果你需要特定功能的Wordpress主题,就去挑一个吧。

X Theme

image021

如果你更倾向于功能完备可以自行定制的主题的话,那么这个几乎在ThemeForest 平台上近乎登顶的X Theme 可能就是你的菜。X Theme 严格按照目前最高的标准来开发,基础扎实,设计创新,功能也足够前沿。最重要的是,围绕着 X Theme 有一个完整的用户社群,你可以得到最全面的帮助。

电商 WordPress 主题

Shopkeeper

image023

Shopkeeper 是 ThemeForest 平台上的另外一个热卖的电商类主题。这个主题为你提供了足够优秀的用户体验,并且沿着WooCommerce的思路来进行整体的设计,它能让用户近乎无障碍的使用,并且内置了漂亮炫酷的主题。

Xstore

image025

XStore 是一款迷人而小巧的主题,简单看看他们官网上提供的演示模板就能体会到这一点。主题中所使用的特效被广泛使用,但是在这里用的恰到好处,不显累赘。

网站搭建工具与平台

Webydo

image027

Webydo 为专业的网页设计师提供了无缝的网页设计体验,并且无需使用代码。Webydo 一开始就是针对没有编程经验的设计师来研发的,虽然市场上同类工具并不少,但是Webydo 的专业性上并不弱于其中任何一款。它不仅仅是从设计师的需求出发,而且便于结算,还提供了整洁的控制面板和专业的客户端,以及强大无比的内容管理系统。如果你是设计师,也许Webydo 就是你梦寐以求的那个工具。

XPRS

image030

XPRS 也是一款网站搭建工具,它会让你的网站搭建像乐高一样简单好玩儿。XPRS 让你告别复杂、混乱、昂贵的开发过程,优秀可靠的设计和可靠的托管服务,加上简单易用的集成编辑环境,还有什么样的Web项目搞不定的呢?

WordPress 插件

wpDataTables

image032 (1)

wpDataTables 是一个表单和图表相关的插件。Wordpress主题中最麻烦的东西应该就是表单和图表了,尤其是当它们还需要跟着页面一起响应式地联动的时候,效果相当不可控。而这个插件就很好的解决了这个问题,即使数据量很大它也能Hold得住。

W3 Total Cache

image034

也许你一直解决不了的问题能借助W3 Total Cashe搞定,满足客户对于网站浏览速度的需求。它提供的用户体验也许一般,但是它确实能让网站的相应速度和交互效率提升到一个新的层次。它能提升服务器性能,减少文件下载的时间。

图库网站

PhotoSpin Royalty Free Stock Images and Subscriptions

image036

PhotoSpin.com 提供了数以百万计的图片,其中图片都已经被精心分类,并且每张图片都提供了不同的尺寸供用户进行选择。这个图库的素质相当的高,不过是收费的(当然是物有所值了)。促销代码:BAW20

Stockfresh

image038

Stockfresh 是另外一个值得推荐的图库,实际上在国外这个网站是相当一部分设计师的图片来源。这里图片的价格相对比较实惠,类别广泛,质量也足够上乘。收费方式也相当灵活,定期会有促销活动。

协作与任务管理

InVision

image040

目前InVision 是最热门也是最有影响力的数字产品设计原型设计和协作平台,包括Adobe、Google、Facebook在内的许多知名大公司以及先锋的创业公司都在使用InVision 作为协作平台。无需代码,在原型设计阶段,团队成员可以在这个平台上更加频繁自由的进行设计、协同和反馈。

Azendoo

image042 (1)

你的设计工具能够很好的帮你完成原型设计,搞定网页、APP的设计,但是你依然缺乏一个协同、跟踪大型而复杂的设计项目的有效渠道,那么这个时候,你需要Azendoo。这款工具能够让你的团队和项目更紧密的结合起来,从审查、反馈到推进都有条不紊。这样一来,作为设计师的你可以更加专注于设计本身,事务上的事情更多由Azendoo来代劳。

UX 和 UI

Loop11

image044

Loop 11 可以为你的网站提供最快速最便捷用户体验测试,在它的帮助下,你再也不用在大数据和用户反馈之间进行纠结的决策了。Loop 11 所进行的测试每次会选取几百名用户,随时分析任务和执行的成功率,根据点击热图和回复来帮你更直观的了解网站的实际效果,并且可以深入到用户个人,了解他们碰到的具体问题,甚至能够导出特定用户的操作视频来进行研究。

Google Content Experiments

image046

Google Content Experiments 这是另外一个测试平台,它的A/B 测试非常有用。这个免费的测试框架已经被整合到Google Analytics当中了。它能够帮你针对特定的目标进行优化。

其他实用工具

Coolors

image048

Coolors 是一款直观的配色工具,你可以以更加简单的方式创建色彩组合,还可以生成不同的格式,比如SVG、PDF或者SCSS,可用于Android、iOS、PS和AI等不同的平台。

Fontea

image050

Fontea 可以帮你在Photoshop中直接调用涵盖700多款在字体的Google Fonts。这款插件最大的优势是你再也不用打开浏览器找字体,而是直接在程序内调用了。

【技多不压身的设计师才有高薪资!】

  1. 平面设计:《超赞!设计师完全自学指南》
  2. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发:《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧:《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案:《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南:《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计自学路径图:《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址:designyourway88888888
原文作者:Bogdan Sandu
优设译文:@陈子木

yestone-uisdc-2

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/25-awesome-resources-for-designers

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里