酷站两连发!人气爆棚的网页选色器+专业设计师严选的免费素材 - 优设-UISDC

酷站两连发!人气爆棚的网页选色器+专业设计师严选的免费素材

2016/02/29 11602评论区

0-to-255-premium-pixels-1

编者按:今天这两个网站都是某个设计师无心栽柳,无数后人乘凉的成果。第一个网页选色器可以帮你随机挑选颜色/查看颜色组合/自动复制色彩HEX 值,第二个是英国设计师给自己建的免费资源站,素材都经过他的甄选,质量比普通网站高得多,来看看你喜欢哪个。

影响一个设计的三大要素,分别为排版、布局以及色彩,其中色彩是最难、也最需要费心来调整的项目,颜色不但会影响到整体的感觉,适当的配色也能为网站或设计增添质感,让它看起来更与众不同。对于非专业的设计者来说,可能经常为色码所苦,毕竟要从一堆色码中挑选出合适的颜色还是有些难度,我先前曾经介绍过不少网站配色工具,例如 Adobe Kuler 能提供你许多配色组合,让你从不同的颜色组合中挑选出正确的配色。

本文要介绍的 0to255 是一款非常简单、易用的网页选色工具,为什么是 255 呢?因为色彩的 RGB 值使用了 0 至 255 的三位整数来分别代表红色、绿色及蓝色的强度,藉此来代表各种颜色的组合,加起来一共有一千六百多万种组合。

0to255 除了选色外,最大的特色是可以让你随机挑选色彩,并查看该更深或更浅的颜色组合,点选后即可自动复制色彩的 HEX 值,将它运用到绘图软件、网页开发或是任何地方。如果你平时工作会需要用到 HEX 色码,或是需要取色,都可以把这个网站加入书签,因为它真的很好用、很方便。

0to255

STEP 1

开启 0to255 网站后,点选 Pick a Color,然后随机输入一个色码即可开始,如果不知道要选什么颜色,可以点选 Random Color 让系统给你一个随机的颜色。

0to255

STEP 2

除此之外,在网站首页下方看到的许多彩色方块都可以点选,选择了之后就会出现与它类似的颜色。

0to255

STEP 3

在点选颜色后会出现类似下图的选色页面,将鼠标移到每个颜色上方可以看出此颜色与你原先选择颜色的差异性。如果你对此颜色不满意,依然可以寻找一个新的颜色、或是随机挑选。当你点选了任何一个色块上的颜色后,浏览器就会自动复制该色码供你在其他地方使用。

0to255

真是简单又实用的颜色选择工具,感谢一位名叫 Shaun Chapman 的网页设计师开发了这项服务。起初只是方便自己及同事在工作上更方便,没想到在开放后获得许多人的喜爱,如果你喜欢,也可以帮忙转贴或是分享给其它人使用。

Premium Pixels

Premium Pixels 是一个收集许多高质量设计素材的网站,由英国设计师 Orman Clark 创立,最初由于他想寻找某个 Photoshop 笔刷却无疾而终,后来才决定开辟一个自己的素材网站,收集他的个人设计资源和相关教学。

从 Premium Pixels 里可以找到不少精选的免费素材资源,因为创办人本身就是一位设计工作者,对于素材的质量追求自然有一定的水平,不像很多素材网站可能是以量取胜,Premium Pixels 并不提供大量的免费设计素材,但每个选择皆有其特色。使用者无须注册,即可预览、下载这些资源。

创办人 Orman Clark 目前也专注于 WordPress 主题开发,及 Dunked 在线服务。

开启网站后,从上方选择「Free Resources」可以找到不少免费资源,点击你有兴趣的素材后,开启详细介绍页面,再点击绿色的「Download」按钮就能免费下载。

Premium Pixels

【优设酷站22连发!】

  1. 免费图库+导航收集站:《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》
  2. 音乐站+字体搜索:《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》
  3. 渐变色+代码比较:《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》
  4. 配色+占位图:《酷站两连发!在线色彩搭配工具+快速生成占位图片器》
  5. LOGO下载+字体下载:《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》
  6. 压缩图片+在线配色:《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》
  7. CSS Hover动画+宠物小精灵配色:《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》
  8. 美女图片+游戏配色:《酷站两连发!游戏配色网站+免费美女素材特供网站》
  9. 在线配色+字体推荐:《酷站两连发!在线配色神器+英文字体推荐网站》
  10. 追波作品变代码+16进制颜色:《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》
  11. 无缝纹理+多边形背景:《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址:free.com.tw

uisdc-hao

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/0-to-255-premium-pixels

发表评论 加载中....

评论加载中....

uisdc

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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