时光匆匆，转眼2016年就要过半了，而现在我们要奉上的是6月份的设计圈干货大合集。这个月的合集中，几乎所有的资源素材都是免费的了，从应用程序要博客主题，从CSS框架到配色方案，从生产力工具到JS库，从移动端开发工具到图形编辑工具，免费字体和免费图标，所有的这一切都不会让你失望！
Proud 是一款时间管理类应用，它为工作生活忙碌的人而准备，帮你专注于真正重要的事情。目前这款应用开发了iOS和Mac两大平台的版本。
Perma 是一款生产力工具，可以个人用，也适宜于团队协作，从组织规划，到协作和讨论，它都可以轻松应付。
Picnic CSS 能够对你的原生HTML元素进行加速，确保你的表现类不会同HTML代码混淆。它的模块化程度很高，便于修改和测试。
Mega Boilerplate 是一组精心挑选的项目，为了保证易用性它们都经过了简单的优化。它们可以同Node.js、静态HTML5站点等进行联动。
Real Time Users 可以在一分钟内为你的网站加入一个实时用户计数器，你还可以简单设置一下它的样式风格。
对与团队协作而言，Bench 绝对是赞到爆的工具。所有参与团队讨论的用户将会从Bench 获得一个加密链接加入会议。Bench 目前提供免费和付费两个版本。
Smock 可以帮你制作视觉稿，并且在移动端设备生生成预览网页。
Adobe Spark 可以轻松地将你的想法转化为社交图形，在线故事和动画视频，仅仅只需几分钟。
Color Schemr 是一款配色生成工具，可以帮你生成配色方案，适配透明度，并且通过简单的模板帮你预览配色的效果。
Colicious 是一款用来探索和发现色彩的应用，你只需要点击空格键或者点击屏幕就可以获得一种新的色彩。
Illustrio 是一个为非设计师所生的定制化的图片库。
Pills 是一款小型、响应式的CSS栅格习题，它是移动端优先，并且采用了HTML5 模板，所有现代浏览器都可以很好的兼容。
这个 React D3 库让开发者可以在React 中使用D3，它灵活易用，并且可以同模板一起联用。
Nicely Done 是一个能获取灵感的数字设计图库。
Elementor 是一个Wordpress 页面生成器，通过托拽就可以搞定一切。它会将你的整个设计推到一个新的高度。
Kickresume 可以帮你在短短的几分钟内创建一个优秀的简历和求职信。
新版的 VSCO 采用的全新的设计，在编辑和发布的体验上更加无缝顺滑了。
如果你用过Trello，那么你也应该试试Hillo。它可以帮你更加方便的跟踪Trello 中的活动。
Holmes 可以更加快速便捷的在页面内搜索，搜索结果会随着你的输入实时改变。
Proppy 可以帮你快速生成漂亮、可交互的提案，这可以帮你保持较高的组织性，便于同他人进行合作。
Cucumbertown 是一个免费的美食类的博客平台，可以让你通过简单的工具与食材烹饪出充满创造力的美食。
Dopamine 通过更强健的API 帮你提升用户的参与度和忠诚度，仅需几分钟的部署，就可以省去很多事情。
如果你想要创建功能丰富细节美观而且体验优异的信息沟通界面，Messaging Design Kit 可以帮你搞定这一切。
TypeNetwork 是一个为字体设计师所开发的新模块，在字体设计、开发、授权和使用方便都非常便捷。
Family.scss 是一组智能的 Sass 混入组件，帮你管理样式。
Cutestrap 是一款时髦的CSS框架，是一款小巧的 BootStrap 替代方案。
Discover.typography 是一组字体设计灵感合集，来自于供职于 H&Co 的设计师。
PixelSquid 是一个强大的图片库，它可以将3D设计引入你的设计流程。你可以在这里下载分层的PSD或者半透明的PNG甚至Photoshop 插件。
Checkbox.css 是一个给复选框设计的CSS3动效。
< 是一个简单易用的问卷模板生成器，只需要简单回答几个问题就可以创建模板，无需注册。
Butler 是一个可读性极强的非衬线体。
这个Star Full Inline 这个字体当中 Bold 这个字重的字体是免费的，另外7种是收费的。
Shelby Inline 是一个路线复古且拥有圆润边角的字体。
Black Mask 是一款灵感来自酒标的大写展示型字体，适合用于新闻出版行业。
Bernier 是一款免费的字体，字体拥有三种不同的样式。
Bravery 是一款装饰意味非常浓厚的免费艺术字体。
Haze 是一款非常有质感的免费笔刷字体。
Magnitude 是一款展示性非常强、充满未来感的非衬线体。
原文地址：
原文作者：
优设译文：
译文地址：
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
” 海量APP截图，让你灵感爆发！国内最好的APP截图站。
“” 每一个作业题都尽量配有教程，交作业就有大神免费帮你点评作业，爽歪歪！
“” 专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
【学UI网 原创文章 投稿邮箱：，也可以找各个群的管理】
你可能喜欢的：超实用干货！手机网站导航怎么设计才够炫
导航菜单是网站重要的组成部分，导航菜单的设计关系着网站的可用性和用户体验，有吸引力的导航能够吸引用户去浏览更多的网站内容。因此作为网站的主导航菜单，应该要和网站主内容一样用心设计制作，尤其是分辨率比PC小得多的手机网站。设计手机网站或是移动应用的时候，导航菜单需要考虑周全，尽量保持简约和易用性高，还要尽可能多的给用户带来新鲜感。
手机网站导航菜单设计案例
如果你是个手机建站新手，对于导航菜单设计没有灵感，那么这篇文章就非常适合你。下面是一些时尚美观的导航菜单设计作品，喜欢能给你带来灵感，把你的菜单设计得更棒。
一、列表式菜单
列表式菜单设计遵循由上至下的阅读习惯方式，是手机网站常用的菜单样式。这种菜单的优点是让用户便于使用和浏览，另外漂亮的配色、图标组合也使得菜单更加美观。
列表式菜单
列表式菜单
二、矩阵式菜单
矩阵式菜单又称网格式菜单，这种菜单样式就类似于元素堆砌，其优点是页面设计简约大气，导航清晰。但使用矩阵式菜单设计时切忌胡乱堆砌元素，因为这可能会让用户产生审美疲倦感。
矩阵式菜单
矩阵式菜单
三、底部菜单
底部菜单也是一种常见的手机菜单样式，其优点是可以方便用户在使用过程中随意切换菜单。
四、顶部菜单
顶部菜单的样式优点类似PC网站的菜单样式。把菜单放在顶部，可以遵循上至下的阅读习惯，也方便用户切换。
五、扩展菜单
扩展式菜单设计是手机网站设计中一种常见的菜单样式，其按钮位置多位于页面的左或右上角，需要的时候可以点开菜单内容，不需要的时候可以收起来。
这5种App菜单设计方案也许有很多设计师已经在使用，但不能否认它是目前实用的，而且能提高用户体验的菜单设计方案。从上面5个菜单设计方案中可以看出都有自己的优缺点，所以我们应该选择对你项目最为有效的方案，并能提高用户体验。
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
今日搜狐热点超实用干货！手机网站导航怎么设计才够炫 - A5创业网
当前位置：&&&
超实用干货！手机网站导航怎么设计才够炫
16:34&&来源：互联网&
　　导航菜单是网站重要的组成部分，导航菜单的设计关系着网站的可用性和用户体验，有吸引力的导航能够吸引用户去浏览更多的网站内容。因此作为网站的主导航菜单，应该要和网站主内容一样用心设计制作，尤其是分辨率比PC小得多的手机网站。设计手机网站或是移动应用的时候，导航菜单需要考虑周全，尽量保持简约和易用性高，还要尽可能多的给用户带来新鲜感。
　　手机网站导航菜单设计案例
　　如果你是个手机建站新手，对于导航菜单设计没有灵感，那么这篇文章就非常适合你。下面是一些时尚美观的导航菜单设计作品，喜欢能给你带来灵感，把你的菜单设计得更棒。
　　一、列表式菜单
　　列表式菜单设计遵循由上至下的阅读习惯方式，是手机网站常用的菜单样式。这种菜单的优点是让用户便于使用和浏览，另外漂亮的配色、图标组合也使得菜单更加美观。
　　列表式菜单
　　列表式菜单
　　二、矩阵式菜单
　　矩阵式菜单又称网格式菜单，这种菜单样式就类似于元素堆砌，其优点是页面设计简约大气，导航清晰。但使用矩阵式菜单设计时切忌胡乱堆砌元素，因为这可能会让用户产生审美疲倦感。
　　矩阵式菜单
　　矩阵式菜单
　　三、底部菜单
　　底部菜单也是一种常见的手机菜单样式，其优点是可以方便用户在使用过程中随意切换菜单。
　　底部菜单
　　底部菜单
　　四、顶部菜单
　　顶部菜单的样式优点类似PC网站的菜单样式。把菜单放在顶部，可以遵循上至下的阅读习惯，也方便用户切换。
　　顶部菜单
　　五、扩展菜单
　　扩展式菜单设计是手机网站设计中一种常见的菜单样式，其按钮位置多位于页面的左或右上角，需要的时候可以点开菜单内容，不需要的时候可以收起来。
　　扩展菜单
　　扩展菜单
　　这5种App菜单设计方案也许有很多设计师已经在使用，但不能否认它是目前实用的，而且能提高用户体验的菜单设计方案。从上面5个菜单设计方案中可以看出都有自己的优缺点，所以我们应该选择对你项目最为有效的方案，并能提高用户体验。
责任编辑：扬扬
延伸阅读：关键词：
变设龙 企业高质量图片智造平台
增值电信业务经营许可证：苏B2- 在线数据处理与交易许可证：苏B2-
编辑热线：6-2
A5创业网 徐州八方网络科技有限公司 版权所有
扫一扫关注最新创业资讯优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需 6 分钟
前段时间， 曾分享了一组Logo设计灵感的网站，给了很多有设计困扰的同学一些帮助，那么今天我就再来分享一组设计类相关的优秀网站，希望对大家的设计学习有所启发，我尽量分享一些无需搭梯子的网站。话不多说，上干货。
平面设计相关：
平面设计类非常优秀的网站，集合了全世界优秀设计师的作品，不比不知道，一比吓一跳。
2， （追波）
UI设计师的必看网站，有很多大咖级设计师活跃其中，是个非常精致的学习和作品展示网站。
3，海报设计
一个比较小众的网站，专门收集全世界优秀的创意海报设计。
4，品牌设计
一个汇集最新品牌设计案例的网站，很多精品。
5，品牌设计
有着比较全面的品牌案例迭代信息，是系统学习品牌设计的优良参考。
6，包装设计
网站的域名很有意思，也许它真的能在dieline 临近的时候帮你一把，主要内容是包装设计相关。
7，字体设计
一个更新速度还算可以的字体设计网站，汇集很多最新、最精彩的字体设计案例，多看能有不少启发，不过多是外文字体设计，国内设计师可以将其理解为图形设计参考。
8，网页设计
汇集了很多优秀的网页设计案例，包含范围比较全面，值得常看常思考。
9，广告设计
一个很全面的创意素材网站，包含门类很全面，我暂且将其归在广告设计的范畴，很适合激发灵感时候使用。
10，打包素材
网站中整理了批量设计素材，以合辑的形式被分享，很适合大量收集素材时使用。
11，插画设计
非常全面的一个插画创意网站，内容涵盖很广，内容有点杂，精品需要靠自己多多筛选了。
12，插画设计
传说中的P站，汇集各路漫画大神，画风多偏日系。
二，产品设计相关
从本科学习产品设计的时候就一直在关注的一个网站，几乎包含了产品设计的最新设计思维，很值得收藏。
产品设计、建筑设计都涵盖其中，作品比较大气，优质，也有汉语的版本。
设计是牛奶，多看多想有营养。个人比较喜欢的一个网站，内含不少创意产品设计作品。
美国最大最成熟的创意类网站，内有大量非常优秀的设计作品和创作灵感。
国内访问稍慢。
一个稍微有点小众的灵感、创意网站，作品整体水平还不错的。
老牌设计网站，杂志形式的内容编排。稍有科技感，推荐理工类设计生多看看。
7，产品手绘
各种手绘视频，想增强手头功夫的同学不妨多看看。
三，摄影网站
摄影类的话，首推当然是它了，汇集全世界优秀的摄影师与摄影作品。被国内企业收购后，汉化做得也不错，访问几乎无压力的。
一个比较小众的摄影网站，品质毫不逊色于500px。
3，体育摄影
一个可以观看很多体育摄影大片的网站。
4，人像摄影
很多优秀的人像设计作品。
5，vscocam 及 Instagram 社区。
社区中有大量优秀的摄影作品，还可以关注、交流，是快速学习成长的一种有效途径。
四，建筑设计
一个还不错的建筑设计网站
2，建筑日报
一个专注于建筑分享的设计网站。
产品和建筑都有涉及，还算一个比较精品的网站。
4，建筑空间
杂志性质的建筑资讯分享网站。
Yazter 也算是一个非常不错的专业设计网站了，其包含的时尚设计，艺术设计等内容也可圈可点，值得收藏。
好嘞，今天就先说这么多，我所分享的都是无需翻墙就可以查看的精品网站，希望大家多看看哈。
欢迎关注最精致的微信公众号：
「优设近期人气过万的合集」
设计素材网站汇总：
优秀个人插画师官网汇总：
全球最佳网站汇总：
【优设网 原创文章 投稿邮箱：】
================关于优设网================
&#8220;优设网&#8220;是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量112万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
年度力作！20个惊艳而全面的年度总结优秀网页设计
每年年底总结总能给过去的一年收个尾，为新的一年找准方向，越来越多的科技企业、设计机构也开始热衷于在网站上呈现年度总结。虽然传统意义...
编者按：网站的可用性是个大问题，之前《专为色盲打造！快速提高网站可用性的5个实用方法》 这篇文章提出了几点针对色盲用户的网站体验优化方法，而今天的这篇则是前...Lisa ：我与Joel Beukelman在Creative South 2017发表合作演讲，向设计师分享从技艺到工作与生活的平衡，以及设计业务等多项主...编者按：这篇文章是这个系列文章的第二个部分。相比于抽象的LOGO设计策略，这篇的文章相对系统的阐述了文字LOGO的设计策略和注意事项。当然，LOGO从来都是...网页开发者或设计师应该很常遇到要去查色码、对纸张尺寸等情况，色码有色码表可供检索，尺寸的话应该也要有个对照表才方便。或假如你平常工作上会经常和不同的纸张尺寸...编者按：完全零基础的新手如何做好网页配色？今天@喪心病狂十六夜貓 这篇好文，从网页基色、强调色、深色到应用整个配色方案都有详细的流程与教学，每个步骤几乎都不...@justfont ：这次要介绍的是大家似乎都很熟悉却又很陌生的字体：Arial。就算你对字体丝毫不感兴趣，只要打开过电脑，应该都对它有印象。本文作者为英国...从实习的第一天起，我就数着日子在过，时间走的太快拦也拦不住，要做要学的事情又太多。转眼七月已经过去，总觉得还是有点后知后觉，花了一个月的时间去适应新环境和新...编者按：不夸张地说，2017年C4D 肯定会成为软件潮流之一（原因看下文）。想不落后的同学，现在就可以学起来咯，比如今天的海星图标，用C4D 结合PS帮你做...编者按：临毕业季，很多大四同学开始找工作，撇开专业技能不说，有哪个特别的角度可能会影响你的求职呢？来看@彭小玲达达令 与设计师的几个故事，相信对你有新的启发...
我们的团队
大家在关注
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里