首页

读书笔记:简约至上-交互设计四策略之二

蓝蓝设计的小编

蓝蓝写

不要匆忙着手设计,理解核心问题需要时间。乍一看到某个问题你会觉得很简单,其实你并没有理解其复杂性,当你把问题搞清楚之后又会发现真的很复杂,于是你就拿出一套复杂的方案来,实际上你的工作只做了一半,大多数人也会到此为止,但是真正伟大的人还会继续向前,直至找到问题的关键和深层次原因,然后再拿出一个优雅的堪称完美的有效方案。——乔布斯


简化的4个策略。

怎么判断什么是不必要的复杂性,怎么简化这种复杂性。有时解决一个问题会引出其他问题来。

删除:去掉所有不必要的按钮,直到减到不能再减。

组织:按照有意义的标准将按钮划分成组。

隐藏:把那些不是最重要的按钮,安排在活动舱盖之下,避免分散用户的注意力。

转移:只有遥控器上保留具备最基本功能的按钮,将其他控制转移到电视。


什么是DPI?什么是PPI?

用心设计

什么是DPI?什么是PPI?

DPI(Dots Per Inch)是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。

后来DPI的概念也被应用到了计算机屏幕上,计算机屏幕一般采用PPI(Pixels Per Inch)来表示一英寸屏幕上显示的像素点的数量,而DPI也被引入。

安装Windows操作系统的电脑屏幕PPI的初始值是96,Mac的初始值是72,虽然这个值从80年代起就不是很准确了。 一般来说,非retina桌面(包括Mac)的PPI的取值区间在72-120之间,因为这个取值区间能够确保你的作品在任何地方都能保持大致相同的比 例。

这里有一个应用实例: 27寸Mac影院显示屏的PPI是109,这表示在每英寸的屏幕上显示了109个像素点。斜角长是25.7英寸(65cm),实际屏幕的宽度大概是23.5英寸,23.5109约等于2560,因此原始屏幕分辨率就是2560*1440px。

我知道23.5109不是恰好等于2560.实际上是23. 486238532英寸。要是用每厘米的像素点计算,会更加准确,但是这里你知道就行。

什么是DPI?什么是PPI?

关于APPLE WATCH官方提到的10个设计小技巧

用心设计

通过分析苹果官方在 WWDC 上的演示情况,看见平均每一次用户与 Watch 的交互操作所耗费的时间,在 2 到 5 秒之间。假如你只能从这篇文章中记住一点,那它应该是——为用户提供信息时,要尽可能的快。这一点对于 Watch 来说真的非常非常重要。

1. 优化 JPG 图片

Apple Watch 的用户通常是在行走过程中,瞥一眼那块 4 厘米大小的屏幕。所以他们需要的是更快的加载速度,而不是高清图片。

2js20150617

UI设计的整个工作流程是怎样的?

用心设计

4. All wireframe 全部界面线框图

主要负责人:交互设计师

此环节交互设计师要完成全部界面的线框图(1:1的)设计并且团队确认。

*做完全部的线框图,一般会出一个总结构图。如果有足够大的场地,也可以逐页打印出来贴到一面墙上。方便团队随时参考。

读书笔记:简约至上-交互设计四策略之一

蓝蓝设计的小编



这本书内容组织比较散,目录条理不是太清晰,读完一遍后,没找到“交互式设计四策略”,看章节大概明白了,简约的四个策略是:删除、组织、隐藏,转移,围绕这四点展开了一段段小章节,书的前二章说的是关于“简单”,明确认识简单,最后一章是再叮嘱,简单的不易和好处。


读这书本思路需要宏观跳跃,才能把一篇篇连接起来,读明白。否则很容易陷入一小节一小节的细节中。如果能把目录名称与书名呼应,写的更明确,每个章节有重点总结,会更容易让人记住和理解。


 话说简单


写作者摸索中简单的切实可行的策略,并举例说明简单的威力,复杂的产品不可持续。

在做技术产品的设计时,至少有3个角度:管理人员、工程师和用户。这本书讨论的是怎么样让用户感觉用起来简单,而非减少管理人员、工程师的工作量。

简单并不意味着最少化,朴素的设计仍然具有自身的特征和个性。简单的特征和个性应该源自你使用的方法、所要表现的产品、以及用户执行的任务。

跟上色彩潮流!带你展望2015年的网页设计配色趋势

博博

2015-website-color-trend-1

前几天分享的2015年春夏流行色人气很高,今天直接放干货,@AnyForWeb_UDC 的同学根据2015年的色彩大致趋势走向,结合相关的设计经验,作出了以下网页配色预测分析,来看看有哪些亮点吧。

提前搞定2015年的设计好文:

 

一、Metro和柔和鲜嫩的色彩

Odam Luiran的网站是Metro风格,这种风格尤其适合一些比较鲜嫩柔和的颜色,扁平化网页设计在2014年中的流行让柔和色彩的用途变得越来越广泛。这样的色彩基调将在2015年得到进一步的延续,马卡龙色系也许会常常出现在网页设计中。

二、偏灰的冷色系粉彩

偏灰的冷色系色彩是一种看起来比较百搭的颜色,但是实际上,要将这类颜色使用的恰如其分却并不是一件容易的事情。这类色彩表现的比较中性,所以搭配任何颜色都不会显得突兀,但也不算出挑,而要让色彩之间真正融合,应该选择清淡的粉彩系透明色,让网页看起来清新脱俗。

还有哪些搭配方法?阿里前辈在前,就不多说咯:《色彩搭配速成!3个实用方法帮你全面搞定配色》

再不学就落伍了!15个设计感极强的LOW-POLY网站欣赏

博博

Community Machine 18个超酷的多边形背景网页设计

低多边形现在火得一塌糊涂,前段时间优设推荐了这篇《这效果超火!教你创建高大上的多边形字体》,短短一月,超过20万人阅读学习,今天我们继续收集一组设计带感的多边形网站,同学们可以收藏学习一下。

特别提醒:对 www.soleilnoir.net 这类文案与动效齐飞,惊艳共传奇一色的神站,童鞋们请务必用谷歌或者火狐打开。

Sanissimo

Sanissimo

Vauxco

Vaux Collective

什么是用户?估计90%人不知道

用心设计

一个号称千万用户的公司,靠投资的钱度过了两三年,接着开始用用户变现的时候,结果傻眼了,收入只有几万块,于是大家都傻了。这个是什么问题?估计很多人不知道,有的人说的是变现的方式问题,有的人说是策略问题,其实最根本的还是用户问题。

日历

链接

个人资料

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

存档