首页

Material Design元素设计指南

蓝蓝设计的小编



如果你通读过Google的material design指南,你就会知道它写的有多详细,它涉及的范围有多广。通读过这部“指南”后,你会受益匪浅。指南中讲述的课程,最出色的一点在于,它证明了我们有可能构建复杂的视觉样式设计规范。构建这样的设计规范并不容易,但对于复杂的Google产品阵列而言,这又是可能的。


如果你想要学习一些关于视觉设计的知识,你应该仔细研读一下material design中设计独立视觉元素或组件的方法。指南中详细讲述了18个不同的设计元素,从按钮到菜单(menus),再到页签(tabs)。那么,分析这些元素能学到什么呢?

信息图的诞生

蓝蓝设计的小编

很多设计师都对信息可视化、设计信息图非常感兴趣,在平时的作品中合理地加入一些可视化的元素,能瞬间提升设计质感和强化主题,这里我想给大家扯扯信息图设计的一些事,欢迎大家拍砖!

—————————————————————- 信息图概要 —————————————————————-

什么是信息图?

提及信息图,不可避免要先讲下时下热门的议题:信息可视化(Information Visualization)。大家从字面上以及平时工作学习中应该或多或少有了解,可以将它大致理解为:将复杂的信息通过图形样式清晰明了的传达给读者。信息可视化是一个跨学科的领域,其详细深入的定义这里不做研讨,本文主要针对其图形化的产物信息图进行介绍。

可视化并不是什么全新的概念,生活中很多信息可视化例子:公共指示、统计图、星级评分、五线谱…

分享25款企业VI设计

蓝蓝设计的小编

企业VI的特点是需要通过各式各样的介质传播出去,不仅是显示屏,还有名片、包装袋、光碟、书籍等等。对设计师来说,这意味着你的设计必须足够简单而又有亮点,易于辨认。

Unionservice Design

Unionservice Logo Design
 
'Unionservice

设计师的选色指南

蓝蓝设计的小编

The color wheel is a tool for understanding color and color relationships.

色环是一种帮助我们理解色彩和色彩关系的工具。

The most common color wheel is the twelve (12) hue wheel. A color wheel could have as few as six hues or as many as 24, 48, 96 or more.

最常见的色环是 12 色环。通常一个色环包含至少 6 种、多到 24、48、96 或更多种颜色。

  • Yellow
  • Yellow-Green
  • Green
  • Blue-Green
  • Blue
  • Blue-Violet
  • Violet
  • Red-Violet
  • Red
  • Red-Orange
  • Orange
  • Yellow-Orange
  • 黄色
  • 黄绿色
  • 绿色
  • 蓝绿色
  • 蓝色
  • 蓝紫色
  • 紫色
  • 紫红色
  • 红色
  • 红橙色
  • 橙色
  • 黄橙色

优秀的表格设计技巧~~第四篇

蓝蓝设计的小编

蓝蓝觉得在界面设计中,优秀的表格设计技巧是非常基础,也非常重要的。所以从网上搜集转载了此主题的一些文章,来学习~~这是第四篇!实际价格表的设计案例。感谢原作者!

如果我们在访问某些产品销售类网站的时候,看到产品的价目展示用户体验,很大程度上会影响我们的购买需求,所以说我们在自己、客户的网站价目表格展示的时候,用上特有、简单、体验完美的HTML CSS样式表格能够提高用户体验和产品的购买转化率。在这篇文章中,老左整理来自海外16款用户体验优秀的HTML CSS价格表格模板,并且附带演示和下载,根据我们自己的实际需要添加整合到网站中应用。

老左之前也有分享过2篇关于HTML样式表格的资源:

8款设计师常用漂亮的HTML CSS表格样式

6款漂亮HTML CSS样式用户留言表单

第一、带图片价格表模板

带图片价格表模板

优秀的表格设计技巧~~第三篇

蓝蓝设计的小编

蓝蓝觉得在界面设计中,优秀的表格设计技巧是非常基础,也非常重要的。所以从网上搜集转载了此主题的一些文章,来学习~~这是第三篇!感谢原作者。

cover01

表格的应用

DLIN:由于工作原因,经常接触到表格。我们发现,表格不但广泛的运用在各类数据收集和分析,同时通过表格这样一种二维矩阵来整理和陈列信息时(即便最后的展示方式并非一个典型的表格样式),能够很好的表达信息之间的逻辑关系,易于帮助理解横纵信息之间的关系。

在实际的网页设计应用中,表格横纵相互独立又相互关联的模式尤其适用于:

1.组织和展示大量的信息

表格简单的结构不但能包含大量的信息,且同时保证信息的可读性,便于读者快速扫描信息、从大量的条目中找到所需的信息。

2.展示对比性信息

优秀的表格设计技巧~~第二篇

蓝蓝设计的小编

蓝蓝觉得在界面设计中,优秀的表格设计技巧是非常基础,也非常重要的。所以从网上搜集转载了此主题的一些文章,来学习~~这是第二篇!感谢原作者。

17

hardwear:想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表格估计看内容得吐血…… 表格形形色色,默默无闻的呈现着数据,阅读起来如何最为顺畅,如何才能从表格里发掘出重要信息,有哪些可以对表格进行的操作,梳理一下以供参考。

在后台界面,表格对数据的维护和体现是最常见的,那么也推荐您看看一组惊艳的后台管理界面设计

1.行高是表格浏览时的重要参数

行高是表格非常重要的参数,行高间距直接影响着阅读的体验,有如同Omniture为了最大限度的放置数据内容,强化数据显示效果而降低行高的情况,也有SugarCRM一样的行高较高可以放置更多文本信息的表格。

2



日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档