加载中…
个人资料
浅草域
浅草域
  • 博客等级:
  • 博客积分:0
  • 博客访问:47,079
  • 关注人气:161
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
ABOUT

 

 -

 浅草域

职位 |PM/UI/UX

QQ 972380960

-

80后,非知名美院艺术生出身,有想法,喜欢产品和设计,有很多idea...

-

艺术:艺术作品可以积聚能量,体现物体之外的生命;

视觉:你用双眼每一个细胞所感受到的,就是我想告诉你们的;

设计:是生活,也是艺术,触发着内心含苞待放的艺术情感;

绘画:拥有美丽灵魂的人的手,拿着画笔行走和观察她的世界;

摄影:只要记录世界本来的面目,没有必要刻意创造另一种真实。

博文
标签:

ui

界面设计

设计讲座

体验设计

分类: 个人作品︳Design



UTalk上 李一齐(Smartisan 资深设计师)讲了的和没讲的“图标秘密”。
1.图标的发展历史。Xorox Star(1981)、Apple Lisa(1983) 和 Macintosh(1984)等产品时期,图形用户界面出现,而设计了黑白图标。其中 Susan Kare (感谢JJ Ying 的博客 Anyway.FM,第一次听到 Susan Kare 这个名字,之前只听过 yellowicon 等)设计的Macintosh icon 令人印象深刻,比如 来自瑞士图形元素 command 图标、笑脸的 Finder 图标、拟物的形状的垃圾桶图标。后来随着硬件和技术进步,有了有颜色图标和立体透视图标。
2.第一部 iPhone (2007)发布,其拟物的圆角矩形图标流行。乔布斯时代的Apple的设计,现实是什么样子反映在iOS上就是什么样子,大家给这种Style取了个更直观的名字Skeuomorphism(软件界面设计模仿实物纹理,拟物)围绕这个Style进行的一切动作,都以模仿真实世界为原则。而在Ive执政下,iOS 7 使用简洁图标(扁平)和更明亮的色彩,毛玻璃来表现层次。圆角使用了圆角曲率更平滑,相比使用圆与直线相切的设计比旧的圆角的更好看。(具体应该是使用了圆角螺旋线,迟方 在知乎上做了回答)iOS 7 图标圆角曲率是正好符合了黄金比例网络的临界点,李一齐提到了Smartisan 图标圆角更为平滑,也取自羊角螺旋线。
3.Smartisan OS icon 像 Apple 学习,以及设计和创作的过程。
Smartisan OS 图标大小 192*192,使用了 Material Design 通用图标大小,设计大小 188*188,剩余4像素用于边线和投影。图标形状写实不规则参考 Mac OS ,基本形状圆形、方形、巨形,视觉大小一致(保持图形面积基本相同:Materal 图标是网格设计192*192=48*48x4,缩小到48大小依然清晰可见,所以取了临近值。锤子保持基本一致方法不知是否一致),但不规则形状显得比较混乱,锤子设计师选择拉开间距,并且 9 宫格布局,来制造整齐,效果确实不错。
图标设计的4个要点:好看、识别性、特征、品牌。
例子1:邮件,设计了信封、邮票等好几个,最后选了比较好看的信鸽邮票;
例子2:相机,T1、坚果图标是不同的,不同的文字参数;
例子3:相册,一开始是蓝色的富士山,和别的图标放一起色彩较少过于单调,后来选用橙色落日风景照片,为了增加活泼加入了人影轮廓,融入了情感;
例子4:先有界面,后有图标
由于第三方图标和系统图标不统一,各厂商都对第三方图标做了重绘。李一齐 对锤子、小米、一加的图标做了对比,锤子图标和未重绘的第三方图标放一起更为和谐,各有伯仲吧。第三方图标重绘,打破了市场规则,不应该由OS厂商控制,甚至越权了。降低第三方图标的识别性,对第三方图标的品牌推广不利。
最后T2要来了。




UTalk 上 姚远 (联盛世纪 联合创始人) “设计师的职业之路”分享了什么。

相比于拘谨的李一齐 ,姚远比较善于演讲,而且幽默风趣和台下有互动,冷场的原因可能是大家都不熟吧。

现在所有公司都只销售2种东西,1是产品、2是服务。
服务设计是源于我们的生活,植根于于服务业,以用户为中心,以提供服务受众与服务提供者对方满意的服务流程与商业系统的设计。
案例1:在日本购买地铁票,把零钱都扔进去,按下到哪一站,出票和出多余的钱;
案例2:原研哉的一个案例,具体记不清了;

对于互联网企业来说,产品的创新、服务的创新很容易做到,但也很容易被模仿。只有给客户带来的服务体验,是难以模仿的。因此互联网产品设计应植入完整的服务体验,徒儿产生更大的商业价值。

案例分析1——航空服务设计案例
机票,信息归类,模块化设计;
日本机场检票,分工序,先确认盖章过检时只看盖章,加快检票流程(话说怎么不是电子检票);

案例分析2——三家银行被迫转型服务案例
安泰银行-热心慷慨的社区义工;
西班牙bbk银行-前卫叛逆的摇滚歌手;
第三家银行记不清楚了;

还提到了一家商场的转型,印象深刻。到处都有试衣间,试衣间外面就有 Instagram 照片打印机,试的衣服可以脱了扔到沙发上,也可以穿着心仪的衣服,综合的体验舒适性的沙发和客厅用品,DIY 打印球鞋图案。我到想起来无印良品店铺里的陈设,床上用品、沙发、地毯,还有镜子摆设就像在家里一样。

策略设计:
1.信息传达有效性
2.视觉吸引力
以用户为中心的要弄清楚的2个点:用户画像、民族志

设计价值:
good设计 为公司赚了多少钱、多少KPI,bad 设计 流失了多少用户、造成了多少损了,如何来做衡量?
用户体验“五度模型”(阿里也在用):
吸引度-动机。
完成度-行为。
满意度-结果。
忠诚度-频次。
推广度-口碑。

体验设计的倒逼——向右脑型企业转型
创造力为中心体验经济时代,用户洞察为技术赋予意义。为用户更好、更成熟更棒的定制产品与个性化服务。
传统出租车 VS uber、传统短租 VS Airbnb、传统超市 VS 京东到家、传统停车 vs 智能停车,传统银行 vs 新型体验银行...身边到处都是例子,现在是最好的时代?

未来是什么样子,下一代智能设备是什么形态?智能手表、智能眼镜?
下下一代智能设备是什么形态?电子脑?

感谢 李一齐、姚远 分享,从“大讲堂”到“UTalk”混了不少课,收益良多。本文只用于学习和交流,记录和编写带有有个人观点。

本文由@浅草域整理,转载注明出处。

2015年12月28

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
标签:

设计规范

设计风格

扁平化

界面设计

ui

分类: 个人作品︳Design

1 瑞士风格(Swiss Style) 

      在扁平化设计的发展历程中,瑞士风格值得一提。瑞士风格源自瑞士,在20世纪四五十年代发展为主流也就是被世界称为瑞士国际主义平面设计风格。其设计风格简单明确,追求几何学式的严谨,采用方格网为设计基础以及无衬线字体(Helvetica字体于1957年应运而生)的使用。并且以单纯、易于识别为目标其特点是力图通过简单的网络结构和近乎标准化的版面公式达到设计上的统一性。

2 极简设计(Minimalist )

      另一个对扁平化设计有深远影响的是极简设计。“极简”这个词现在经常和扁平化设计捆绑出现,但极简的历史更长,而且涉及建筑、视觉艺术多个领域,远早于网络出现之前。虽然极简设计的历史很长、覆盖的媒介很多,但它真正产生艺术魅力的地方还是视觉艺术表达领域。所谓极简就是移除事物多种元素,只留下必要的成分。几何图形、少数的元素、明亮的色彩和干净的线条主导多数极简风格设计。

Metro风格

      Metro的起源自瑞士国际主义平面设计。微软公司于2010年10月发布Windows Phone使用Metro设计风格,大号、明亮、网格形状、简洁的自已和扁平的图标主宰了全部风格。 其通过移除镶边并且利用字体、比例和颜色,使发送人姓名和标题更易于阅读。

      由此Metro风格流传开来,以至于微软还把它应用在了之后的Windows 8,更别提其他的软件、当前的网站及其他产品(如:Xbox360)等。

iOS7,iOS扁平化

      iOS 7 的视觉变革并不代表苹果发现了未来趋势,扁平、干净、简洁的视觉风格已经存在了很多年。其变革显示出业界在数码产品界面设计的观念上变得更加成熟,不再执着于在电子设备上复刻生活中的物品,而是重新审视产品的功能重心,不再只是「看上去怎么样」,而更多的是「怎样高效地完成日常操作」。iOS 诞生后的五年,其高度拟物的界面风格,导致了在界面上泛滥轰炸的「多余元素」,iOS 7 的出现改变了这样的窘境。

      Jony Ive 开发产品时会时刻记住两个 目标:

       1)让设计尽可能简单;

       2)把每个产品设计到足够好,好到用户无法接受其他样子。

      以前大家说起 Flat Design,都是说它降低了设计门槛。但我这次在想的却是,它扩大了设计的可能性。拟物的劣势将越来越明显,因为只要你是拟物的,你就必须在一定程度上遵循物理世界的规律,否则会在一些地方给人奇怪的感觉。但 Flat Design(不说扁平化设计了,太容易误导)则让设计师们可以完全信马由缰的设计全新的世界,只要你抽象的合理、展开的合理。坚信无中才能生有,我觉得这是 Jony Ive 的胜利。

      拟物化设计在审美上是非常初级的一种形态,扁平化设计的出现是一种必然,因为人们需要复杂审美,需要在像不像之上建立和事物建立一 种更抽象更本质的联系。虽然说今天的扁平化设计还不尽如人意,但是它的路数是对的。我们不可能在手机的方寸天地里模拟世界上的每一种事物,而我们在手机中 创造的新应用在原本的世界里甚至找不到对应的原型。扁平化设计打开了一个新的世界,用新的设计元素和方案去表达更为丰富的内涵。

本文由@浅草域整理,转载注明出处。

参考资料:

1,《随本索源探讨Metro风格》

2,《WP设计指南》

3,冬虫夏草卡洛斯《锤子手机工业设计缔造者 Robert Brunner: 履历、作品与观点》

4,张亮《WWDC14 观后感:苹果已经与乔布斯时代截然不同了》 

5,和菜头《给Leaf:为什么扁平化设计更好》

2014年06月23

阅读  ┆ 评论  ┆ 转载 ┆ 收藏 
  

新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

新浪公司 版权所有