首页

Material Design元素设计指南

蓝蓝设计的小编



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


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

高级技巧!有什么方法可以打造“触动人心的设计”?

周周

create-heartwarming-design-1

用户体验设计的精髓,在于恰到好处的设计出最合适的用户场景体验,而这种体验是不知不觉给予用户同时能让用户在触点的那个瞬间怦然心动,那如何让用户心动呢?阿里同学专门组建了一个团队来研究这方面,现在初步方法有了,来学 >>>

古人云:“动人心者,莫先乎情。”,同样的我们从约翰.奈斯比特的语言中窥见:”无论何处都需要高补偿的情感,社会中高技术的越多,我们就越渴望高情感的环境,用设计软性的一面来平衡技术硬的一面。设计作为人的创造性活动,不是摒除激情或者情感,而是要创造一种中性的、能容纳和激起使用者情感的东西,这种东西是一种境界。”

信息图的诞生

蓝蓝设计的小编

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

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

什么是信息图?

提及信息图,不可避免要先讲下时下热门的议题:信息可视化(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
  • 黄色
  • 黄绿色
  • 绿色
  • 蓝绿色
  • 蓝色
  • 蓝紫色
  • 紫色
  • 紫红色
  • 红色
  • 红橙色
  • 橙色
  • 黄橙色

如何引导用户心理-用户心理研究笔记

用心设计

一、用户如何观察


1.周边视觉反应速度高于中央视觉

若想引导用户集中注意屏幕某处,就不要在周边放置动画或闪烁的元素

 

界面设计必备,常用字体规范

周周


作者:王铎(MICU设计)


好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事。

这几天有人问我说:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗……”

这个,好吧,那就直接说说能用的知识:字体字号。

也许你会说:字体字号?也太Low了吧,这个谁不知道重要呀。

对于这个问题,我想说:会和熟练,是两回事。一个App,不同部分的字体字号你能准确地说出来吗?

很多刚做APP界面的设计师,经常会因为字号,字体颜色,间距而困扰。
拿到设计需求后,开始进行设计,不知道从何去调整界面的字号和行间距等。容易碰到的问题是页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐,导致与预期不符等。
这小节我将和大家理一理界面中常用的字体,字号,字体颜色及间距对齐的一些小经验。希望能对大家有些帮助。

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

蓝蓝设计的小编

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

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

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

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

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

第一、带图片价格表模板

带图片价格表模板

项目评估标准:如何让项目评估方式可量化

蓝蓝设计的小编

蓝蓝一直在思考这个问题,如何让设计效果可量化,看到这篇文章,转载到博客中推荐给大家。以后会搜集这方面的相关文章,观阅各家之言。

最近在一直在思考一个命题--“如何量化项目目标及效果”。做了几个项目,所负责的产品数据一直表现抢眼。但是从统计学观点来看,我的选择和决定并不一定就是影响数据表现的唯一因素,也不一定是影响最大的因素。该如何从众多影响因素中抽离出PM决策对产品数据的影响?I'v no idea。目前思考的进展并不能让自己满意,先把想到的一些东西整理出来,部分内容也涉及到了一些相关内容的思考,有空和大家头脑风暴一下吧。

【项目目的与评估方式】
    产品项目的目的无非是两个:用户维系用户拓展
    用户维系:是对现有用户需求进行挖掘,并对产品进行针对性的优化改进以提高活跃度、降低流失率。此类项目的评估即可从用户周/月活跃度、用户流失率、改进部分的单独的UV、PV量以及用户点击统计等方面来进行评估。
    用户拓展:目的的实现方式本质上有两种:1、更好地满足目标用户的需求---从竞品那儿拉人;2、产品运营---让更多的目标用户知道我们的产品。前者的评估方式主要是看UV的一系列统计变化,除此之外还可以通过用户访谈,竞品对比来量化;后者的评估方式就得具体看运营活动的方式来确定评估方式了。
    虽然绝大多数项目都不仅仅是单一的维系或者拓展,但PM应该在项目之初确定项目的主要目标。这样在项目结束之后采用与目的相适应的评估方式进行客观分析。

日历

链接

个人资料

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

存档