设计神器三剑客!有哪些网站能帮你在线搞定设计? - 优设网 - UISDC

设计神器三剑客!有哪些网站能帮你在线搞定设计?

2014/12/23 38535评论区

3-websites-design-online-1

编者按:最近发现挺多好网站,挑选了几个好用的,帮不熟悉色彩的设计师搞定Material配色,给设计师提供网页元素组件的排版灵感,还有轻易制作Bootstrap模板并输出HTML格式的神站,全都有各自的用处,而且都是在线的,很方便,来自取咯。

一、Material Design专用在线配色工具

2015年安卓系统的Material Design UI设计风格将会流行起来,目前已经有不少APP应用尝试这类风格的设计,如果你也想开始制作Material风格的APP,那就别错过今天分享的 Material Palette 配色工具,它可以让你轻松搭配出好看的Material风格颜色。

Materialpalette —— Material配色工具

Materialup —— Material设计灵感:

Material Design 相关好文:

  1. 《超全面总结!深聊MATERIAL DESIGN引领的设计趋势》
  2. 《学霸的自学笔记!Material Design设计规范学习心得》
  3. 《该跟上潮流了!一大波优质的MATERIAL DESIGN资源免费下载》

Material Design专用在线配色工具

Material Palette主要特色是可以让用户一边选择颜色同时还能实时预览效果图,并且用户只需要选择1个或2个颜色后系统会自己匹配出一组APP UI 配色方案。

Material Design 配色

嗯,总体看起来很不错的样子:)

彩蛋: 界面右上角有个Material Design灵感的链接,里面有不少想着的案例,大家可以去哪里获取灵感!

Material Design 案例

好了,有新的Android界面设计么,有没有想立即设计一个Material风格的冲动?赶快尝试下这个在线配色工具吧!

二、解决设计网页各种组件元素烦恼

在网页设计中我们经常会设计一些组件元素,比如注册表单、按钮、Tab选项卡、网站导航等等,虽然是小元素,但有时候却想不到要怎么排版、设计才好,没关系,今天小编分享一个网站给你们,里面有很多小组件收集,大部分都是精致漂亮的,真的可以给你带来灵感呦!

Calltoidea

网页设计灵感

Call to idea已经很好的帮我把网站制作需要的组件罗列出来,展示方式也十分友好。

其中常用设计元素分有19个分类,排版布局有6个分类,实用工具有4个分类。目前收集的作品并不太多,但里面的却是流行的设计,值得我们参考学习。

网页设计灵感

友好的分类列表。

网页设计灵感

Tab选项卡设计

网页设计灵感

布局排版案例

网页设计灵感

品牌配色

更多漂亮的网页组件请进Call to idea网站浏览。

三、轻易制作Bootstrap模板并输出HTML格式

lollyt —— 在线制作模板

ollytin是一个专门制作Bootstrap 3模板的在线工具,有了它,用户不需要懂HTML代码和CSS样式就能制作一个流行的网站出来。

你可以在几分钟内出一个BS模板,并且是HTML网页格式,最终用户只需要替换上自己的图像和文字即可。

lollyt bootstarp模板

lollytin教程

通过lollytin来做BS模板很简单的,就像积木一样,我们来看看它的制作界面,如下图:

lollyt bootstarp模板

面板(左):组件,即模块元素

面板(右):页面布局

图标(左):组件类别

图标(右):导出HTML格式(第一个是导出HTML文件,第二个是Bootstrap的文件,解压后将刚导出的HTML文件移至目录即可)

Tips: 使用时右侧面板有个关闭按钮“X”,用于移除组件。

【优设人气最高的酷站推荐】

Top 1:帮你快速找到能过稿的免费高清大图!
《免费高清!10个无版权限制的大图特供网站》

Top 2:我保证你会收藏起来!
《令人震惊!还有比这个无缝纹理背景资源站更帅的么》

Top 3:全是高手的配色技巧呦!
《不会配色?来这40个色彩超赞的网页看看》

原文地址:shejidaren

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

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量88万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/3-websites-design-online

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

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