设计师的日常--你要知道的25个UI/UX设计网站

如果你像我一样,总是花很多时间试图找到一个最好的模式,最好用的工具和最漂亮的颜色。当然,每位设计师的需求不同,所谓“完美”的标准也不一样。但是如果能有一份资源包含几乎所有你需要的设计资源,那再好不过了。

朋友,别担心,这个问题我们很快就能解决啦。答案就在这篇文章里。

配色灵感

还在为配色苦恼?找不到色彩灵感? 试试下面这些网站。

1. Flat UI Color Picker – Flat Design必不可少,颜色自动分类

2. ColourLovers – 色彩社区,不仅可以配色,还可以共享他人的色彩

3. Material Palette – 选好颜色后,可以实时看到Material Design下的效果

4. Color by Hailpixel – 可以调整色调、亮度、饱和度等等

5. Coolors – 选择一种颜色,自动配色

6. ColRd – 根据颜色、渐变、调色板等寻找图像资料

7. Color Hunter – 从你上传的图片中自动提取5种配色

8. BrandColors – 总结各个企业在用的配色

9. ColorKit – Photoshop扩展

10. TinEye Labs – 根据颜色挑选图片。

设计相关社区

通过设计社区平台,了解设计趋势,探讨问题,还可以得到来自世界各地设计师的反馈。

1. Behance – 不管你是寻求批判或者协助,Behance对设计师们来说都是一个进行交流的好地方。

2. Dribble - 面向创作家、艺术工作者、设计师等创意类作品的人群,提供作品在线服务,供网友在线查看已经完成的作品或者正在创作的作品的交流网站

3. Flickr –Flickr是寻找设计团队的好地方,分享照片和设计,并从别人那里得到启发。

4. The Web Blend – 自由职业者,关于设计的知识和信息

5. Graphic Design Forum – 设计论坛

6. DeviantArt – 活跃用户数最大的设计社区

7. DreamInCode – 与其他设计师交流设计和艺术品

UX设计播客

跑步锻炼的时候,听听设计播客也很不错哦。

1. Design Matters with Debbie Millman – 第一个设计播客,现在仍然是最佳播客之一。

2. The Big Web Show - 主持人Jeffrey Zeldman会采访一些业内人士像视觉设计师,开发人员、用户体验设计师和企业家。

3. UIE Brain Sparks - 与Big Web Show涵盖的话题不同,(例如视觉设计、前端开发)UIE Brain Sparks更专注UX设计相关话题。

4. UX Podcast - 即兴、无计划的采访,启发你以一个全新的视角来看待信息架构和用户体验设计。

5. On the Grid – 每周播客,讨论的话题都与设计相关。

原型/线框设计

原型、线框设计是交互设计师、项目经理、网站开发人员之间最好沟通方式,也是一个网站或应用开发过程中的关键步骤。看看都有哪些常用的原型、线框工具吧。(UI/UX基础知识之原型与线框的区别)

1. Axure RP(Mac & Win)

Axure RP是一个允许设计人员创建,测试和分享交互式原型的桌面应用程序。被称为作为最全面的(在功能方面)原型工具,它是创建静态的低保真原型和复杂的交互式原型的理想的桌面软件。作为专业工具,学习曲线较长。

2. Justinmind(Mac & Win)

Justinmind是一款灵活的原型工具,支持Web和移动应用原型和高保真原型制作。支持手势的功能让它在移动应用设计方面更为出色。但由于复杂的变量以及函数,新手学习起来比较困难。

3. Mockplus(Mac & Win)

Mockplus是款全平台的快速原型开发工具(PC,网站和移动设备)。封装的交互组件和创造性的预览方式允许设计人员在几分钟内快速完成设计,特别适合追求品质和速度的设计师。同时,也不需花费太多的时间来学习,甚至也不用一行代码。

(更多原型/线框工具,请参考:UI/UX设计师最常用的原型设计工具&应用)

继上次为大家整理了一些UI/UX书籍和网站博客,今天整理的主要是很实用的设计工具、社区、播客和配色资源。我们会持续更新,网罗更多优秀的资源。同样,如果有疏忽或遗漏的资源,请在评论区留言告知。如果你喜欢这篇文章,别忘了和小伙伴分享哦~

时间: 2024-12-28 12:16:53

设计师的日常--你要知道的25个UI/UX设计网站的相关文章

你应该知道的25个非常有用的CSS技巧

在我们的前端CSS编码当中,经常要设置特殊的字体效果,边框圆角等等,还要考虑兼容性的问题, CSS网页布局,说难,其实很简单. 说它容易,往往有很多问题困扰着新手,在中介绍了非常多的技巧,这些小技巧与知识能事半功倍的给大家以帮助,经验丰富的CSS程序员通常都知道这一点,但初学者不要错过了! 这里有25个非常有用的CSS技巧,将帮助你解决让你棘手的CSS代码问题.你可以直接使用到你现在的项目当中 1.更改文本突出显示颜色(Change Text Highlight Color) 您可能不知道!使用

你有必要知道的 25 个 JavaScript 面试题

1.使用 typeof bar === "object" 判断 bar 是不是一个对象有神马潜在的弊端?如何避免这种弊端? 使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof): let obj = {}; let arr = []; console.log(typeof obj === 'object'); //true console.log(typeof arr === 'object'); //true console.log(typeof null

你应该知道的24种新兴交互设计

在互联网这个领域,每天都有不计其数的产品诞生,有些产品只是灵光一现,有的却存活了下来,但是不论存活与否,这些产品上总有一些设计细节让我们眼前一亮,下文中分类整理了一些不错的交互形式,希望能给大家带来新的设计灵感. 蓝蓝设计一.导航 1,Google+导航的隐藏功能 Google+作为google进入社交领域的第一个产品,在交互方式有很多亮点,比如在导航的扩展性上,可以把不常用的标签拖放到"更多"中,从而使导航界面更简洁,这个操作进行时的效果也很精致.流畅. 2,导航hover 案例一:

你需要知道的CSS3 动画技术

译自:你需要知道的CSS3 动画技术 译自:What You Need To Know About Behavioral CSS 请尊重版权,转载须注明本站链接! 译序:本文译自Smashingmagazine,但是原文讲述的内容有些浅,也不是很完整,前端观察在翻译的前提下,增加了更多的更系统的内容.如有不足之处,欢迎指正补充. 随着网络的发展,浏览器具有更强的渲染更高级代码的能力,我们正逐步实现跨越所有平台和浏览器的目标.我们不但可以要花费更少的时间来确保我们的盒模型在IE6中看起来正常,而且

乘坐飞机时,有什么事情是机长和机上工作人员不想让乘客知道的?

艳艳家俊俊 ,民航安全员一枚 1154 人赞同 受宠若惊,以前认真答了一堆干货问题的赞从来都是个位数,好不容易第一次被赞过百,而且还到了666赞,结果竟是因为这让人又爱又恨的毛毯,叫我情何以堪,打算骗到小1000赞,给大伙儿放几张答主和碰见的一部分明星合照,小伙伴千万不要打我啊. -----------------1000赞分割线--------------小伙伴们,你们太犀利了.本来说起耍的,这下不发合照不行了.80后的大老爷们应该都认识吧(原谅我可耻的打码了,不想被拉去喝茶 ) ------

【转】嵌入式程序员应该知道的16个问题

全面解析<嵌入式程序员应该知道的16个问题> ----Sailor_forever分析整理,[email protected] http://blog.csdn.net/sailor_8318/archive/2008/03/25/2215041.aspx 1.预处理器(Preprocessor) 2.如何定义宏 3.预处理器标识#error的目的是什么? 4.死循环(Infinite loops) 5.数据声明(Data declarations) 6.关键字static的作用是什么? 7.

20几岁,一定要知道的28条职场法则(下)

??[新朋友]点击标题下面软件架构学习直接关注 如果你对项目管理.系统架构有兴趣,请加微信订阅号"softjg",加入这个PM.架构师的大家庭 珍惜日常工作和生活中零碎的时间,把他们加以合理利用,这些零碎的时间也可以创造出巨大的价值. 我们要学会从生活和工作中找出那些隐藏起来的零碎时间,用它们来创造额外价值.我们必须做到在时间夹缝中寻找空间,"自私地"管理时间,随时完善时间管理表. 时间管理不是指要把所有的事情一次做完,而是指更有效地运用时间.时间管理的目的是告诉我

【转载】有哪些省时小技巧,是每个Linux用户都应该知道的

前言:有网友在问答网站Quora上提问:“有哪些省时小技巧,是每个Linux用户都应该知道的?” Joshua Levy 平常就在 Linux 平台工作,并且他积累了不少实用命令行技巧,他在回复中精选出一部分.对技术用户来说,这些技巧挺重要或实用,但知道的人并不多.下文略有点长,一般来说,用户也不需要对全部内容都了解,但为了达到省时方便的目的,Joshua Levy 仍不遗余力做了校对,以保证列出的每一条都值得一读,前提是你是一位Linux重度用户. 为了获取文中提到的一个命令的更多信息,先试下

你需要知道的18个Web可用性原则

使用网格线来做网站页面结构 在你为一个有创意的网格页面框布局兴奋并尖叫的时候,你要保证你的整个网站的页面布局都在框子(Box)里边.网格结构能让访问者视线流固定在本页面,这是很关键的.一旦你将页面拉下来,页面也是很清晰简洁的 - 创造有趣的东西你需要放进优秀的设计放到网格里边. 不要忘记搜索表单 在你为一个有创意的网格页面框布局兴奋并尖叫的时候,你要保证你的整个网站的页面布局都在框子(Box)里边.网格结构能让访问者视线流固定在本页面,这是很关键的.一旦你将页面拉下来,页面也是很清晰简洁的 -