首页

精致淡雅,“新”拟态 -“新”开端

前端达人


原创艺仁 蓝蓝设计 2020-12-18



       蓝蓝设计一直关注着国际国内创新设计趋势和理念。权威设计平台Behance上最近发布了2021年设计趋势,这次的设计趋势包含了UI、平面、包装等多个领域。

      其中,3D成为2021年的主要趋势,我们在所有的设计类型中都可以找到它。2021年3D的新颖之处在于应用在了UI界面上,而在此之前,UI界面一直被平面设计所主导。即将发布的Mac新操作系统Apple Big Sur也让3D在UI设计中得到更频繁的使用。

1.jpg


2.jpg


3.jpg

      ios14的界面更新将影响所有的UI设计。ios14新推出的Widgets小工具分为大、中、小三种尺寸,用户可以自由布置界面。因此设计师需要设计3种样式的Widgets小工具图标。

4.jpg

5.jpg

       线稿填色这种插画风格的流行在2020年已经初见端倪,在2021年也将继续流行下去。

7.jpg

8.jpg

      近年来3D风靡设计界,有一些精致的插画给我们留下了深刻的印象。简约而配色鲜明的3D插画将成为2021年插画的流行风格之一

9.jpg

       时尚是个圈,70、80年代怀旧风漫画将在2021年重回潮流。这种经典风格的插画特点是使用轮廓、简单的形状和一些细节填充。

10.jpg

       这种风格的插画非常像凌乱的涂鸦,乍看未完成,但所有的细节都是经过深思熟虑的。重叠的形状和强烈的色彩让这些插画与众不同,同时能有效激发灵感。


11.jpg


12.jpg

13.jpg

       VFX或视觉,是将现有的镜头与计算机生成的图像相结合,创造出逼真的场景。随着众多方便友好的软件出现,VFX开始在视频和短片中会变得更加普及。

14.jpg

       3D影响了所有的设计领域,我们甚至可以说,2021年,它主导了几乎所有的数字设计。随着虚拟现实在越来越多的App、网站或软件中的应用,3D也将越来越重要。而设计师们可以将3D和摄影或2D结合起来,创造出一种不同的设计效果。

15.jpg

       动态logo已经出现了好几年了,但现在他们被更多的品牌使用,因此非常值得我们的注意。打开App之后,我们首先看到的就是logo,将logo与动效结合能给用户留下深刻印象,从而更容易记住品牌。

16.jpg

       因为疫情隔离,很多公司开始投资AR技术。在未来,我们可以看到,在人工智能和机器学习的帮助下,增强现实技术将大规模应用于各个领域,无论是医药、艺术、商业、客户服务还是导航。

17.jpg

18.jpg

       排版是设计中最重要的元素,有经验的设计师甚至可以只使用文字排版来设计视觉标识。排版对于建立信息、建立强大的视觉层级、传递信息以及为用户创造良好的体验都很重要。

      大字体和粗体从设计之初就已经存在了,不管采用什么样的设计手法,醒目的大字而且将永远是设计中的一个热门趋势。

19.jpg

       从上世纪初开始,几何形状就已经用于视觉艺术中,尽管这不是一种新的设计趋势,但在2021年的平面设计中,无论是海报、印刷品、包装还是品牌识别,都将聚焦于几何形状。

20.jpg 

       线条艺术充满魅力,并可以在各种设计领域内应用。

21.jpg

22.jpg

       疫情让人们对环境保护格外重视,因此包装行业必须开始采取措施,减少对环境的影响,使用可生物降解的材料。

23.jpg

       经过深思熟虑后设计的独特插画可以为你的品牌故事产生广泛影响。因此你必须谨慎地选择能够传达你的品牌故事的插画。它们必须是有意义,并给品牌带来一致性的。

24.jpg


25.jpg

       在销售产品时,用优质的包装设计讲述有关品牌的迷人故事,能有效激发出购买欲。包装上的所有元素都应该为客户带来独特的体验。

26.jpg

       在人人都离不开手机的时代,包装也可以和手机产生互动,比如使用AR等手段创造品牌知名度。


27.jpg


28.jpg

       权威色彩机构 Pantone 公布了2021年度双流行色:灰+亮丽黄。

       这是继2016年水晶粉+宁静蓝之后,第二次推出组合年度色,寓意光明,传递力量与希望。灰+亮丽黄这两个独立的色彩,联手打造出梦寐以求的色彩组合,像是自然风化的岩石上浮起的日出,带来了一种更深层的体贴和踏实感,同时也表现了对未来充满希望的乐观精神。

       这正是经历过艰难的2020年后,世界所需要的。
29.jpg

       当人们期望寻求能量来强化自己,克服持续的不确定感时,坚实可靠而又热情洋溢的色调,恰好能够满足我们对生命力的追求。

       在过去几年里,潘通的选择充满了社会意义,被看作是对全球情绪的捕捉。

       而在经历了记忆中最黯淡的一年之后,2021年的组合色旨在以坚韧的精神基底传递积极和幸福即将到来的讯息,给人们带来希望,让人感到一切都将变得更加光明。

30.jpg

       目前,已有相关设计产品使用了潘通2021流行色:

31.jpg

32.png

       本文蓝蓝设计着重介绍一个未来可以配合3D设计趋势的全新设计风格-新拟态设计。

33.png

       光是人眼感知世界的媒介,温和柔美的光影变化辅以精致优雅的配色纹理展现出真实世界原本物体的丰富质感。光影的把控影响着事物的情感表达,光影的流转变化传递出不同的情绪,同时也影响人对事物空间感的判断。

34.png

       新拟态是一种图形样式,其原理是通过简单富有层次的光影变化为界面的UI元素赋予真实感。新拟物算拟物风格的一种,只不过表现形式相对特立独行,最早出现在国外网站dribbble上,之后陆续被收录在2020设计趋势预测中,在2019年的年末慢慢被大家熟知,讨论,重视起来。

35.png

36.png

       在2020年2月11号举行的三星视觉发布会使用新拟态的设计手法作为设计海报。带有渐变的浅灰色背景,结合富有层次感的光影渐变,充满未来感。相对克制的色彩选择和多角度的光影变化,强调出产品丰富的质感和科技感,简洁而神秘。

37.png

       这是一款多平台记录工具,有道云笔记的拟物化设计风格相对谨慎,主要的操作按钮部分,均采用了“拟物化的”风格,但是在大面积的展示区域和非功能性按钮依然沿用了简洁的扁平化设计。在保证“新拟物”质感的同时,保证主体内容的可阅读性,和整体页面的清爽感。

38.png

39.png

      蓝蓝设计也在设计项目中结合目前流行趋势进行探索设计,容器元素通过光影的变化,展现出不同的状态,通过模拟物理层面“高程”的不同,形成不同的组件状态,从而演变成承载各式功能的基本元素。

      清晰淡雅的容器元素和扁平活泼的表现层元素在色彩和材质上都形成了鲜明的对比,扁平的图标配以高饱和度的色块或者深色的图片,让界面元素的对比愈发强烈,容器层和表现层的层叠配合,千变万化, 组成界面中的各种模块,让界面版式更为丰富,给人简洁灵动之感。

40.png

      在扁平风大行其道的当下,公众审美难免已经疲劳,设计风格再次回归拟物化,或许已经是主流趋势。未来,3D设计,轻立体设计将与扁平化的设计风格相结合,产生新的设计语言和领域。

      从轻拟物风格到Glassmorphism风格,拟物化设计的演变进程已然开启,未来,无论是3D设计的加入还是扁平风格的延续,“质感”都将成为设计过程中被着重强调的风格。



      蓝蓝设计,工作室2008年开始,2011年正式成立北京兰亭妙微科技有限公司,主创清华团队,专注软件和互联网ui设计开发。擅长企业信息化管理、监控、大数据软件UI、UE咨询和设计开发服务。立足UI,一直在学习进步。
      蓝蓝设计,秉承设计优秀,不断超越的理念,诚信敬业、专业耐心的工作作风,进行设计服务创新,帮助企业进行软件和互联网产品的界面设计及开发升级,提供卓越的解决方案。对软件界面用户体验与交互设计与实现,国际化标准和流行趋势,进行不断的研究和实践,拥有丰富的解决问题经验。


42.png


欣赏更多界面及其它作品请访问
www.lanlanwork.com




蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI经验:软件首页怎么设计?

前端达人

原创 蓝蓝 蓝蓝设计 1月1日


      蓝蓝设计是一家做UE/UI设计的公司,我们常常接到的项目是大屏、pc端、手机端的项目要重新做交互设计和视觉设计。每个软件首页怎么设计?如何进行首页上的内容取舍,最终客户和上司是究竟想要什么?是客户们(产品经理或技术总监)普遍感到为难的地方,希望有外部的专业设计力量来参与意见,多一份力量。

一般进行软件首页的设计,我们先思考:

  • 首页要放什么内容?哪些是核心的,用户最在意、最常用的。

  • 软件产品提供什么样的核心价值?

  • 用户常用的功能是哪些?

  • 未来1到3年软件会增加什么重要的功能?发展方向?

  • 需要借助软件产品传达哪些企业价值观?

  • 在交互上和需求上先和软件公司做一些交流,双方达成一致再进行。

      我们也了解到,有许多软件公司做这件事情(开发运营这个软件或网站)已久,特别想找一个崭新的方式去看待目前做的这件事。找个靠谱的外部设计公司和做用户调研是两个好方法。
      我们建议如果时间充许的话,可以做做用户调研,做8到10个用户不同角色的访谈,从真正的客户的角度去思考一下不同角色对这个产品的期待和理解。(访谈的人不用太多,因为太耗时间,但是可以多轮,一段时期一段时期不断的去了解用户的想法),从一线了解许多不同层次的想法和使用者的意见。
      在和客户的交流中,常常会遇到:改版会带来多少程序方面的工作量这类的问题。这个担心很多公司,特别是十年来在一直做着同一个产品的经理们普遍反映都有,特别是很大型的软件。
      其实,下决定最难。
      改版与否,其实取决于对空间秩序美的忍耐度及它能带给你的价值。
      就像有的人房间很乱,也不收拾,特别能忍。他省了整理的时间,但他个人可以找到自己的东西,有自己的内在逻辑。但表现在工作上就是:界面很乱,除了开发者自己,客户都找不到东西,很难使用,花了客户很多时间去学习使用这个软件,到了忍无可忍,客户提出强烈不满的时候,有可能危及到合作时,在吐槽中被迫进行。
      优势技术不等于优势产品,产品的需求和体验要先于技术和模式而存在,品牌的战略贯穿在企业的全链条中,以用户可以感知的点滴来诠释软件产品核心价值,塑造品牌
      UI的设计能带来的不仅仅是软件的美化,UI咨询公司能带给客户的是一种思考的方式和解决问题的行动力。软件企业最好当然是掌握市场先机,企业内部里去触发、驱动  ui咨询类项目,在机会来了的时候才更从容。
      对不熟悉的事情,大家总是会有一定的压力,表现的行为方式上就会有点拖延,选择决策困难。我在想,有时候我们的界面设计时间总是被挤压的特别少,在功能都实现的情况下才来进行,是不是也是出于客户的这种心理呢?
      其实对于我们这样一个做了界面设计十多年的设计公司而言,这些都是我们平常日常工作中的工作,没有什么难点,只是要根据不同的公司,不同的产品去梳理清楚、理解业务,用心体会。
      做好整个系统的交互设计,首页的内容布局设计,和进行一个家庭的空间物品归纳整理没有什么区别。不要陷入“要么不做,做就做到最好的”极端思维,只要马上迭代改进,平时保持一定的水准,总会做的越来越好。
家庭装修和软件界面设计的对比:
家庭要装修
1. 首先要考虑到家庭的空间有多少人要去使用,住几个人?空间之间的最佳行动路径。未来几年内人口会增加或减少吗?住多久?
2.了解你和家人所需要的物品,对它们进行分类和预算了解,无用的物品断舍离。
3. 物品的使用场景在卧室里用,还是在客厅里看电视的时候用?服装的装搭是出门见客还是家居服,有多少件?对客户来讲最看重的是书柜还是衣帽间设计,还是厨房呢?因人而异,选择对他最重要的物品和场景,好好的设计,创造最让人感动的体验。
apjpk-4pjoz.jpg
交互设计有点像居室空间的规划
        这和产品的软件界面设计其实是相通的:
1. 了解就是这个系统有什么功能,准备放到几个导航菜单中?导航之间的最佳切换路径。产品核心提供什么样的价值?未来1到3年软件会增加或减少什么重要的功能?产品未来的发展方向?这版用多久,多久改版一次?
2. 把所有的功能进行分类和预算,分版本陆续实现。断舍离软件功能,进行取舍归纳。最常用的,重要的先做,花费精力太多,又很少用的功能舍掉或后做,
3. 了解每一个功能的使用场景,是什么用户角色使用?是在户外或者室内用?是日常工作时还是领导视查,开会时使用?他最关注什么?他的使用过程是什么?
      了解每一个功能的使用场景和用户关联时,可以画出一个用户体验地图帮助梳理思路。从使用这个软件产品的开始到结束,不同接触点,关键点列出来,选择最需要改善的几个重点,好好的设计开发,创造最让人感动的体验。
apobm-0g27q.jpg
      有了要表达的界面元素,把它们按照人类的使用习惯去组合,进行这些页面的内容的排列方式就可以了,比如:
  • 重要的内容放在第一屏重要的地方,按照人类的阅读习惯,从左到右,从上到下。重点的字大区块占比大,非重点的弱化小字,归纳为一组,可隐藏。
  • 用好对比,不要让人思考,该提示的地方要提示(直接打开页面时弹出或在需要提醒的位置附近,一个地儿一个地儿轮播闪现都可以),尽量傻瓜式的,不要让人培训后才懂怎么使用(节省用户时间)。
  • 思考用户第一次进入软件,如何引导他使用的流程和步骤,并在首页就能开始第一步。(目前B端的产品常见问题就是功能横向单一,每个功能一个菜单,之间缺乏串连使用的路径,用户根本不知道如何使用)
  • 如果是工具类的操作软件,在首页要给足相应的操作辅导文案和视频。如果是办公任务类软件,在首页要很明确展示要做的总数、待办具体事情,想了解的信息。
      空间(交互)布局设计好之后,易用性就基本已经解决了。
      剩下就是根据用户不同的审美,巴洛克,简洁风,欧式,美式(简约,科技感,质感,时尚、拟物,酷炫,奢华高端,品牌VI、拙朴古风),任客户选择,或者是根据用户画像的调查去推测,根据产品定位,建立色彩情绪板,研究出这个产品应有的外貌。
      我们蓝蓝设计一般是有一个UI设计调查表,把各种设计风格和问题列出来,引导客户在填表的过程中去选择和思考。
       步步分解之后,工作就会好理解并逐渐轻松。
      只要您去做这件事,开始思考,最终就会知道界面那些功能该怎么摆放。我们的交流中往往发现客户是非常有智慧的,一开始可能没有想法,随着分析和思考的深入,灵感受到启发,等到我们设计出方案之后,很会挑方案,能够感受到不同方案的优点,把他们集中在一起。
      最近流行一个新的职业,叫收纳整理师,就是帮助陪伴您收拾家。不仅仅是打扫卫生,还会告诉你一些断舍离取舍原则。原有的衣柜空间有什么不足,改进的方法,一些方便收纳的小工具,手把手教你各类叠衣服的方法。有些工作(整理房间)自己也能做,但是这个工作太枯燥,工作量又很大,如果有人陪,就能够被鼓励着,开心,很有成就的去完成。
      陪伴这个词很重要,代表着共同参与,相伴成长。

avz1k-b5io7.jpg

      我觉得交互设计师也是在做整理收纳这种事情。有些人最喜欢的买买买,买回了太多的东西,又无处安放,屋子变得很乱,开始收纳整理,像不像软件开发中一些客户角色,喜欢加一些内容(功能)?这个页面加一点,那个页面加一点,过了一阵子,这个软件(网站)就变得不成样子,需要维护和整理。
       软件产品和一个家一样,他们都是你创造的,如果可以说话,他们可能有许多话想对你:“把我创造的美一些,整洁一些吧,主人
      下面给大家展示几个实际的案例,我们是怎么从需求到原型,完成这项工作的,设计前后的效果如何?
asm0e-r1gcl.jpg
      就拿我们最近合作的江苏锐创来讲吧,这是一家非常优秀的公司,江苏锐创数据中心服务管理平台项目,产品迭代速度非常快,公司内部做过很多版本的设计,由于十年来一直在做这套软件,产生了审美疲劳,不知道到底要怎么做才合适了。各种之前想过的东西都已经自己练过了,也实施过了,但就是觉得没有达到自己理想的状态,内部设计了一稿又一稿,总是觉得还不够好。
      使用这个软件的用户是企业中的网管和工程师,专业人士。在委托蓝蓝设计之前,内部开发已经迭代四次,企业内部的交互设计师已经把首页要放的内容思考的比较清楚了。在这类的需求中,蓝蓝设计的设计师主要的工作是优化视觉设计和进行交互设计的局部优化处理,通过友好的交互体验让企业用户享受到高品质的服务。
客户给的原型图

a3r1n-6agy9.jpg设计后的效果图

aniwl-8inwf.jpg

1. 理解用户所需,优化交互,增加部分内容。告警事件除了原型中的时间线按顺序发生外,加了用户头像,已处理、待处理、紧急任务统计数字,让用户可以总览全局,做到对工作量心中有数。

a3s8x-ilo2u.jpg


2. 数据中心信息,秉承着信息简单易懂,界面引导友好的理解,把信息分组,4个关键信息总数并列2排,设计了相应的拟物化图标,美观整理有秩序。在线和离线位数增加了表达当前比例的横向柱状图,用户从绿色和红色的区块长短中可以轻松感知,比原型的表达方式又多了一个纬度。

au0ez-pa0w5.jpg


3. 本机系统信息,将单个的数字转化为仪表盘,可以表现出高中低预警和正常的多重含义。通过轻拟物的表现手法,增强驾驶舱的沉浸式体验,营造中控管理氛围的真实感。
arq3s-18p80.jpg


4. 所有的设计,都是基于对业务的理解,回到本质,思考用户是否需要多层次信息的统计分析,不同的纬度呈现结果。最终以感性、直观、优美的方式视觉表达,并考虑到数据可视化的控件类型和实现难度。


asm0e-r1gcl.jpg

       中国移动爱流量App整体的设计提案,经过用用户研究分析、同类竞争App竞品分析报告、产品定位、功能分析、交互设计、视觉设计。中国 移动只提供了运行中的上一版App,其它的调研、改版策划由蓝蓝设计进行。

这个案例比上一个案例更加整体,重大的项目应该采用这种方式来进行。

1   同类产品APP对比:

蓝蓝设计观察了20家流量类的App。通过在应用市场监测流量平台类app的下载量,我们选取以上三家为竞品。

『流量宝』中国电信出品。

『流量银行』中国联通出品。

『流量来了』,世纪龙信息网络有限责任公司出品。

分析内容:

1. 界面布局对比

2. 核心功能对比

3. 色彩对比

4. 首页印象对比

5. 界面设计优缺点

2 产品洞察 明确产品的定位和发展方向

按照用户对于流量的认识、了解、使用的程度,通常流量经营可以分为三个发展阶段。

在流量消费培育阶段(2008-2012年),随着智能手机的快速普及,客户上网频率逐渐加大,对于网络的使用逐渐从PC互联网向移动互联网转移,其标志就是智能手机用户在2013年超过了PC保有量。这个阶段主要以前向流量客户经营为主,采取流量包月甚至流量免费等方式驱动流量增长。

在流量理性消费阶段(2013-2014年),流量消费习惯逐渐养成,运营商开始改变甚至取消流量包月无限量使用策略,用户开始感受到流量的费用压力,开始对自身的消费行为和内容进行整理,逐步回落到用户能够承受的流量消费水平。而流量经营主要收入来源依然是个人客户。

在流量后向经营阶段(2014年-),随着运营商发现流量收入增速放缓的现象,运营商开始尝试定向流量、后向流量捆绑、流量800等面向后端企业的运营。至此,运营商正式迈入流量平台化经营时期。

产品不断的迭代,使我们的产品在不断的完善。 流量平台的定位也在不断的跟随行业的变化在不断的变化,才能使我们的产品得到用户的认可。

功能方向:使产品向货币化、社交化、媒介化转变。

增加用户使用率,创造可以长期登录使用的情景和功能。

基于个人:监测自己的手机流量及使用情况,提醒自己:少了可以买,也可以把多余的流量转给家人、朋友、同学、或充入手机、

基于社交:比如:发红包、赚流量、做任务、签到送流量,流量兑话费等、是可以尝试的方向,使我们的产品向货币化、社交化、媒介化转变。

aaryx-rj02r.jpg

视觉方向:使我们的产品更加的年轻化、拥抱90、00后。

交互方向:减化路径、清晰简洁

3 基于产品分析策划进行主页的交互设计

在不断的思考、对功能的深入理解后,交互设计师对首页构图了三个方案,希望能契合产品定位并在布局和表现形式上与竞品区别,展现出爱流量的。

团队讨论思考后,认为将“流量监测和流转“做为首页目前重点,赚流量做为以后发展点。确定第二种布局(中),进行视觉设计。 

aca46-05o6b.jpg

avjc5-qtihj.jpg

4 视觉设计成果

a34bi-3t998.jpg

主页设计风格确定后,就可以进行其它页面的视觉设计啦。



a1uzd-ibxp3.jpg

  1. 软件的优化设计是一个长久的的事,挑一些典型页来设计是基础的部分。

  2. 目前国内都在进行数字化升级进程,这一二十年来,从不知UI为何物,到企业纷纷重视,每个企业都有自己的设计师,重点的项目再外包给专业公司。关注整个用户体验,用体验地图触点做设计,在中型的项目上存在认识不够或目前达不到应有的预算和精度。未来发展中,相信会渐逐把重要软件的整体用户体验设计、服务设计、品牌设计的融入做为增长点。

  3. 蓝蓝设计公司有一个群,每天都在分享好的UI设计,如果你有兴趣,请报上姓名和公司职位,我们共同成长和学习。请加微信ben_lanlan, 标注“想加入设计分享群”.


如何找到一家好的高端网站设计公司?

蓝蓝设计的小编

       看到知乎上的一个问题:如何找到一家好的高端网站设计公司?

       把回答的内容也转过来记录一下。


       首先回答:何为高端?



       高端与低端是对应的,目前网站设计,中低端基本是用模板改改,相对价格低,有一些小型公司或不依靠网站运营收入的公司,“有个网站就好”,所以可以用这种低投入,内容有就行的网站建设公司,特点是马上就能用,三五天把内容发布进去就可以。备案可能需要一定时间。



       高端设计公司,一般是量身定做,为企业做网站策划、分析,按照用户研究、网站建站的目的来进行网站的定制栏目页的设计。做竞品分析、研究对方的优缺点,设计的色系和企业标准色、情感表达、人物场景、用户体验思维,越深入,思考越成熟,做的网站品质越有保障。所以需要的时间、精力、投入相对多。



       因为投入相对多,所以经营业绩好的企业、集团公司、营销类大型网站来定制的比较多。



       我们公司“北京蓝蓝设计”就是为定制的高端企业用户、政府网站、软件公司来服务的。我们挺喜欢要求高的客户,这样能体现出专业设计的水平,这也是我们和其它建站公司区别开来的地方。



       我们主要是给大型软件公司平台、系统做UE、交互设计、视觉设计,用户体验优化,这个,比网站设计更难,更专业。 往往一个公司的核心产品,值得把精力金钱投入到上面,产出最大的回报。近年来,除了做软件UI,大屏大数据可视化项目外,我们也扩展了“愿意把公司网站做成核 心产品”这样的公司成为合作伙伴,更好的为客户提供全方位的服务。



       一旦成为我们的客户,设计无忧。


       我们一定会把该做的事做好,并提供超值服务和额外附加值的。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



蓝蓝设计随笔:ui用户界面中的表格设计

蓝蓝设计的小编

作者:蓝蓝


表格,是一种最常见的信息组织整理手段,常用于信息收集、展示、数据分析、归纳整理。

      UI软件设计中最常用、最基本的是表格的设计,有些软件中80%都是表格类页面,可以说,设计开发的是否易用,很影响口碑和用户的使用感受。基础的东西一定要做好,就像我们吃的主食一样,虽然都是米和面,但是各地出产各种品种口味都不相同,要根据食客的喜好选择、烹饪。今天就聊一聊最基础的表格设计、变化和常见问题。

一、基础的表格设计美化

      基础的表格可变化的地方很少,可以根据当前软件开发选择的框架控件(ext/vue/jequery不同框架会有一些不一样)做色彩和风格的变化,如:加表格不同粗细的线、斑马格,中间无竖线种种的设计,有的表格需要标题很突出,有的内文突出,这就和内容焦点相关了。

点击查看原图


为了操作直观便捷,在操作区放一些图标“删除、编辑、审核”,配合文字来使用,有的把操作类的图标放在最左边,有的放在最右侧,按行业用户习惯而定。

 点击查看原图

可以用固定表头(标题位置不变),允许用户排序,单元格内有很长的文字,设定最大字节,多内容用……替代避免转行,有小数点的数字右对齐,每列的大小可调整,这些也是设计开发中可以做好的细节部分。


二、特别宽的表格怎么设计?


有的表格的宽度,达到了屏幕的两屏和三屏,出现宽宽的横向滚动条,又有长长的竖向滚动条,但工作的人又必须看,可烦人了!很多软件都因为这个原因被吐槽。下面就介绍三种方法解决这个问题:

方法一

如果表格的标题是可以定制的,允许省略的,可以从业务角度取舍去掉无关紧要的,不常用的内容,把这部分放在点开的详细页内容中即可。这就像一个房间的断舍离:挑选、丢弃、分类、收纳,思考哪些物品是不要的,哪些是必不可少的?哪些是可有可无的?依次排序放在顺手的位置,ui设计的道理也是相通的。

方法二

如果表格里面的内容是确定的,不可省略的,比如银行的报表就是这么长,这么多,那我们就可以从设计的角度来优化,做一个加高版的表格。

点击查看原图

表格为什么一组信息只能一行呢?完全可以一组三行四行,在组中进行重点信息,非重点信息以及符号化的直观转变。用大小、对比、浓淡、色彩、间隔这些平面设计的基本原则,让一个普通的“山里娃”土土的表格变成一个“青春靓丽、人见人爱”自带明星气质的表格。

方法三

大表格里面嵌套小表格,利用交互设计,巧安排空间。当用户光标移至感兴趣的那行的时候,关于它更多的内容,在下方滑动撑开出现或者右边浮动出现。这个方式虽然比较土,但也确实管用。早年在看某一招聘网站的时候,每一个人的简历只要点名字就可以看到一组关键信息,便于迅速筛选,而另外一个招聘网站,就没有这个功能,每个人都要打开之后才能看见整体信息,我后来就不怎么看那个网站了。多一步操作,对典型用户就多了许多的工作量,网站和软件的使用口碑,用户粘度就是这样在为用户考虑中一点一点积累起来的。

 屏幕快照 2020-06-08 上午11.03.47.png上图:大表格里面嵌套小表格


     方法不会只有这三种,其他的方法要根据当时的业务,用户使用的习惯、重点,因地制宜的去设计了。软件中的表格节省了许多程序工程师的工作量,如果做大的改动或许是巨大的工作量,如果要做变动,一定要在开始的时候就要让ui设计纳入开发体系,一生二,二生三,在前期第一批实施时越注重细节,后期就会越轻松,甚至省去几倍甚至几十倍的时间挨个页面的去纠偏、修改。

      一个系统总是需要业务担当,颜值担当的核心部分,重要的页面要额外的对待、花更多的精力和时间。如果千篇一律,也就不能显示出软件产品的独到之处了。

 

第三 与表格配合的部分设计

第一种  “搜索查询”和“过滤”部分的设计

     大多数表格的前面都有搜索过滤功能,如果搜索条件相当多,可以精选一部分主要的排成一行,其他的隐藏,点箭头再出现。整个搜索区域也可以有隐藏/显示的按钮,来给下面的表格更多的空间。

     过滤条件区域可以定义好“条件名称”一致宽度,一般在八个字左右,避免有的字节多,有的字节少,行数多了,参差不齐,区块和区块之间也要定义好统一的间距,这样整体页面就显得整齐划一、条理清晰。点击查看原图

点击查看原图

上图:搜索和卡片式信息的组合

第二种  表格操作部分的设计

       对表格的操作“导入,导出、批量导出”有的时候这类操作有1020个,有的时候才几个,多的时候很占地方,可以用隐藏的方法,over到表格上再出现,以节省空间。

       也可以分组把同类的操作聚合在一起,把常用的放在目之所及,不常用的点后下浮出现,以节省空间,

还可以光标跟随表格的某一行,点选自动浮出一群小跟班,各种操作按钮。即节省空间,操作移动路径又很短。只是不支持批量操作。

 

第三种  表格和卡片式设计、统计图的整合切换

       表格是可以转换成卡片式设计的,用一个卡片代替一行的展现信息,改变一种阅读的方式。

有的也可以转换图统计图表:曲线图,柱状图让用户直观的去解读,而不必一直看枯燥的数字。

 点击查看原图


设计手记:给设计师参考会不会限制设计师的思维呢?

蓝蓝设计的小编

蓝蓝设计 魏华写

     在承担ui设计项目中,常常碰到一些客户不给设计师看己往的软件或本公司设计师设计但没有被客户认可的设计方案,怕限制设计师的思路。那究竟给设计师参考会不会限制设计师的思维呢?


     实际上不会的,这是更多维度了解客户的思考和角度,排除己被尝试过的选项。


     在进行一个ui 设计前,深度方面应该要了解业务,用户角色,环境生态,交互流程,关键功能,核心价值,用户体验的峰值点和难点在哪里…….总之了解的越深越好。


     宽度方面,要看到竞品分析,行业趋势,国内外优秀案例欣赏,专业文章观点,应该是可以拓展设计师的思维。


     设计最核心的目标应该在于解决问题,而不是单纯的让界面好看。


      优秀的设计师要明确解决问题的目标,博采众长,独立思考,看众多的竞品是看众多的解题思路,多方位角度看问题。各产品资源,核心技术不同,取舍不同,理解信息架框,运营思路,用户特征,技术实现可能性,不会只照着您给的资料比猫画虎。


       因此,我认为,放心的给设计师参考资料吧,互相的了解,沟通越多,越容易出好的作品。



这五张图是最近蓝蓝设计的稿件,展现从一个模糊的概念性需求到一个可视化概念性方案的设计过程。

    点击查看原图

点击查看原图


点击查看原图

2看文章.png点击查看原图

用户调查系列之一:如何了解用户需求?如何做用户调查?

蓝蓝设计的小编

蓝蓝写及整理


最近听了林敏老师的用研课,有一些记录,从书上网上又找了一些资料补充。

这篇文章从用户调查概况到方法,都有提到。为了更好的体会这个过程,也给我们公司写了一份调查问卷,很喜悦,感觉综合能力在提升,希望更了解公司客户。


为了更好服务客户以及满足客户需求,蓝蓝设计邀请您填写份调查问卷,大概占用您5分钟时间。

凡是有效问卷,蓝蓝设计还会赠送价值300元的设计优惠券,可用于今后的合同金额减免。


用户体验的核心是用户需求

如果脱离了用户需求,一个再漂亮的产品也无法和用户共鸣。


用户在什么场景下来用,是用户体验最重要的。用户调研、用户分析、用户访谈,都不是用户上来看界面漂亮不漂亮,而是调查用户什么场景下才会用,这个产品能带来什么价值?

痛点越大,产品就越受欢迎,受到欢迎,就会有用户,用户不断提要求,就能成长,就有机会改善产品,体验越改越好,最后就成功了。

如果是弱需求,产品将来推广很难,如果是强需求,这个需求会带来很大的成功。


注意事项:一些产品谈O2o.b2b的概念,不要谈概念,概念害死人,概念离用户很远,忘掉概念,去观察用户。超出预期的才叫用户体验。功能不叫体验,功能和竞品一样,只是及格,用户不会形成真正的体验。如果你做的体验能超出用户的预期,就能形成口啤。


如何了解用户需求?如何做用户调查?


第一  确定目标和类型

从工作中选取当下关心的一个问题。如果要通过研究获得进展,请讨论确定研究目标,以及研究类型。

点击查看原图


第二 确定假设和颗粒度

列举出待研究问题的各种可能答案,讨论每个可能的影响程度,确定最关心的可能,并拟定相应的颗粒度。(颗粒度指最小纬度)


第三  确定方法组合

针对所关心的每个可能回答,讨论用何种方法可以得到需要的数据,从而能够判断每个可能是否成立。


第四 确定地域和人群

讨论在收集数据环节,根据地域的颗粒度选择城市和地区,同时确定获得所关注人群样本的甄别因素。


第五 确定样本量和时间计划

估算一共需要的样本量,结合样本量和地域的选择,讨论所需要的时间


第六 简化时间和成本

重新回顾以上每一步,讨论是否可以采取措施缩短时间后降低成本


用研的价值层次

数据  图表   洞察   决策

最有价值的角度就是决策的角度



用户研究的方法(可以选择的部分组合)

点击查看原图

方法组合推荐


探索产品方向组

案头调查+调查问卷+竞品分析+人物角色


用户行为剖析组

实地考察+用户访谈+用户体验地图


挖掘产品痛点组

可用性测试+竞品分析+ 用户反馈


数据专项分析组

数据分析+漏斗模型+AB测试


竞品对标走查组:

可用性测试+深度访谈+竞品分析


根据用户研究的方法,可以分为定性研究和定量研究两种。


定性研究

定性研究是一种相对开放性的研究方法。定性研究是需要研究者针对少数个体,根据研究者的观察、经验、分析来进行研究在方法。定性研究并不要求统计意义上的证明,更多的是研究者本身凭借自身经验和观察对用户进行研究。

定性研究无法针对大规模的用户进行,通常只针对10到20个的典型用户。

首先,通过研究目的对用户进行分类。在研究前必须先明确我们研究的目的,再根据目的,可以选择按用户目的、行为等来对用户进行分类。

举个例子,某问答社区需要针对不同的用户进行有区别设计,选择了按用户行为来划分。有的用户喜欢写文章并和其他用户进行互动、有些用户只是上来阅读文章等。所以可以将用户分成:内容贡献者、参与者、阅读者等几个分类。

其次,在每个分类中选择若干个典型用户进行研究。在对用户分类后,为每个分类选定若干个典型用户,然后进行用户研究。

选择典型用户的方法有很多种,有特定目标的选择,也有完全随机的选择。在这里就不展开细讲了。

最后,确认是否需要新增分类或增加用户。在进行了一轮用户研究后,在通过研究的结论判断是否需要新增用户分类或者增加用户样本。

如果在研究过程中发现有用户出现明显不处于这个分类的特征,那么考虑是否增加新的分类。如果在用户身上发现了新的观点,那么可以考虑适当增加用户数量进行研究。反之,如果在一个分类用户身上已经没有新的行为或观点出现时,则可以考虑结束这个分类用户的研究了。


定性研究方法

一对一访谈

一对一访谈是采用与用户进行一对一的谈话的方式,通过跟用户面对面的交流来认识和了解用户的一种方式。

一般一次只选择一个用户进行访谈,一是因为这样容易听清用户的观点,同时也避免了多个用户之间观点相互影响。但是,在有条件的情况下,鼓励多个研究者针对一个用户进行访谈,这样能从多个不同的角度了解用户。

这里列举几个用户访谈过程中会遇到的一些问题:

  1. 1. 照本宣科的提问。事实上在访谈过程中,经常会听到用户提出了我们毫无准备的问题,要善于从这些问题中挖掘出新的问题。可以提前准备问题,但切记不要照本宣科。
  2. 2. 用户讲别人的观点。“我认为他们可能会……”,这个是用户经常出现的表达方式。当用户提起他人的观点时,我们要适当的引导“那你遇到这种情况时会怎么做?”
  3. 3. 试图说服用户。适当引导用户,但不要试着说服用户接受我们的观点。当我们认为用户说错了,也不要试着去强硬地去纠正。要去理解用户为什么犯错误了。更何况当我们认为用户错的时候,很有可能错的是我们。
  4. 4. 访谈离题太远。要让用户说出他自己的故事,但是要避免离题太远。用户经常会发散地讲述他们的故事,从产品使用,到日常生活,再到街头八卦。我们虽然允许用户小范围离题,但要注意引导用户。

现场调查

现场调查就是到真实的现场去看用户怎么使用产品。

现场调查经常可以看到一些场景和习惯是用户觉得没必要说的,甚至我们觉得没必要问的问题。

现场调查也有一些注意事项:

  1. 1. 做现场调查,应该尽量让用户从事他日常处理的事情,除非有必要,尽量避免构造一个场景让用户去执行。
  2. 2. 在用户操作过程中,调查人员要尽量避免干扰用户。碰到有疑问的可以先记下来,等用户执行完成后再进行询问。
  3. 3. 用户在被询问或观察的情况下,很有可能为了迎合调研者而刻意改变日常行为。

在用户演示完成后,我们还应该针对一些问题和用户进行交谈。这部分内容有点类似于用户访谈的形式,但是内容变成了针对于用户行为的访谈。


可用性测试

可用性测试类似于现场调查。调研者通过设置目标让用户完成,观察用户在完成目标过程中遇到的障碍或困难,以此发现我们产品设计过程中存在的问题。

在这个过程中也可以收集到用户在使用过程中的建议。


焦点小组

焦点小组是一种调研者和用户通过做座谈的方式进行的一种用户意见收集的形式。调研者作为座谈会的主持人,引导用户表达出他们的观点。

作为主持人控制场面和话题很重要,避免用户和用户之间太广泛的讨论。


定性研究小结

定性研究实行的难度比较小,在某种程度来讲,定性研究是可以随时随地的进行的。而且在定性研究过程中,我们往往面对的是真实的用户,更容易让我们理解和梳理出用户的故事。

定性研究不需要特别专业的计算机知识,但是对调研者自身的分析和总结能力要求比较高。也应该看到,调研者自身的态度很容易影响到调研结果。要避免过于主观的去分析用户的行为和观点。


定性研究的方法也有其缺点,定性研究一般研究对象在10到20个之间,样本数量较小,所以个体差异对整个调查数据的影响较大。所以,定性研究缺乏数据的支撑。定性研究无法自证我们的调研结论的全面性。

但是特定情况下定性研究却是可以发挥很大作用的。比如,在调研资源不足时,在我们没有量化的数据时,在某些要求不太严格的小项目启动时,都可以考虑采用投入成本不高的定性研究。


定量研究

定量研究是基于一定的用户数据进行研究的方法。定量研究需要基于用户的行为或观点产生的数据,通过数学统计的方法来获得研究结果。

定量研究步骤

定量研究面对的是成千上万甚至于海量的用户数据。所以,定量研究需要借助于数学的统计和计算机算法来完成。虽然近年来人工智能在用户研究领域已经取得了较大的发展,但是用户研究还是得从人为的假设开始。

来看一下如何开展定量研究:

  • • 首先,根据我们的调研目的,对用户分类并进行假设。
    先根据调研的目的对用户进行初步的分类。这一步跟定性研究类似,通常的做法是在定量研究开始前先进行一次定性研究,通过定性研究的结论来作为定量研究的分类假设。
  • • 其次,基于对用户分类的假设,对数据进行计算和分类。
    根据我们既定的假设和已有的用户数据,利用数学的方法进行统计和分类。这一步需要借助于数学和计算机的算法,所以这个步骤经常是需要工程师来完成。
  • • 最后,分析分类结果,并适当调整用户分类。
    计算机分类出来的结果还需要进一步分析,分析一下计算出来的结果是否符合预期。这个步骤可以验证我们对用户分类的假设。

数学的统计可以避免人为主观的影响,有时候甚至能发现一些意想不到的问题结论。你可以知道“原来还有每个月成千上万购物的用户”,“原来那么多用户在挤地铁时使用产品 ”……

但是也要警惕一点:数据也是会骗人。例如数据显示“某功能男人比女人多一倍的打开概率”,当你知道女人打开概率是1%时,这个结论多么可笑。再次提醒:数据是死的,关键还得看你怎么解读数据。


定量研究的方法

日志和用户数据分析

日志和用户数据分析是在产品已经上线的项目里面使用的方法。用户在使用产品过程中会留下很多用户数据或日志,我们以此为分析对象。

相比于其他的用户调研的方法,日志和用户数据分析是用户在真实的场景下使用产品过程中留下的数据,是最全面也是最真实的反应用户行为的一种方式。但是日志和用户数据分析研究的是用户的行为,并不能反映用户的观点。日志和用户数据分析可以和问卷调查或定性研究结合使用,将用户行为和用户的观点结合起来分析。


有效的问卷应该怎么做?

正确的提问

真实的数据

足够的数量

有用的解读


一般定量的问卷不少于30份。

问题尽量提的不要有倾向性,要客观,易懂。

可以设置一些陷井来判断问卷是否有效,比如前面问过的问题,后面换一种问法再问一遍,看看回答是否一致。

例:你怎么看待放长假景点人山人海的情况?

A光想着赚钱的结果

B管理水平落后导致的人为拥堵

C没有办法,有人就是爱扎堆,

D都是长假惹的祸

E爱咋咋,不关我事

(了解归因)


你希望保留国庆调休连放七天的长假吗?

A一定要保留,

B可以保留

C无所谓

D不一定要保留

E坚决取消

(了解态度十强度,这种问法有倾向性)


你希望保留国庆调休连放七天的长假吗?

A希望保留,

B不希望保留

C无所谓


(了解态度)


哪一种假期模式更贴合你的生活方式?

A 1.2天的常规假

B 四天的短假

C到六天的长假

D七天或更长的长假

E无所谓

(了解需求,无倾向问题,客观)



产品的驱动模式:技术驱动、市场驱动、体验驱动、品牌驱动。

每个公司有自己的模式,技术驱动如百度,保持技术领先就是核心竞争力。


如何进行用户观察?

照片或录像

观察行为,从行为看动机

分析他们之间的关系及目的

阐释为什么你们认为是这样的关系和目的?

描述在观察中发现的特别细节?


如何整理用户画像?

点击查看原图

   

延伸资料:


用户观察方法流程总结


1. 用户观察方法列表:

用户观察方法

观察方法 何时使用 输出资料

现场观察: 计划阶段、 开发和优化阶段 用户操作记录、实验录像、用户评估记录

参与观察: 计划阶段 背景资料问卷、录像

眼动跟踪: 开发阶段 眼电图、红外线眼动图

用户图片日记: 计划阶段 图片、文字

影像故事: 计划阶段 录像、背景资料问卷


现场观察:研究人员观察在用户生活场景,提出观测研究开放性问题。

用户图片日记: 用户将一天中关于使用手机听音乐的活动用图片的形式记录下来,写成图片日记的形式,供以后整理研究使用。让用户将图片、日记任意的组合,则可以得到产品设计的灵感,而不是具体的设计。

2. 用户观察计划

1)想观察的人群:习惯用手机听音乐的人群,对手机音乐功能有诉求的人群。观察重点是用户对手机音乐功能的使用情况或者在实地观察中得到的更加个性化的资料。

2)采用观察方法:现场观察、影随、用户图片日志

3)观察情境:

a) 用户使用手机听音乐时:搭乘公共交通工具时、慢跑运动中、公交站候车时、在上下课路途中、在自习室温习时

b) 观察用户和音乐手机品牌专柜售货员之间的交谈,来发现用户在购买产品过程 中到底对哪些产品要素有实质性的关注。

4)观察记录方式:

a) 观察卡片:观察卡片或观察表的结构与调查问卷结果基本相同,制作卡片时,根据观察内容,合理编排项目。

b) 记忆:采用事后回忆的方式进行记录。


记录卡片

编号:_____ 观察人员:________

观察开始时间__________ 观察结束时间_________

性别: 年龄估计: 职业或身份:


观察情境 行为 软硬件

地点 观察距离 周围环境 操作方式 使用频率


5)观察后访谈:研究人员通过步行、骑车、乘地铁、巴士的方式跟随用户。研究人员将观察后的结果用观察卡片记录,在获得充分数据后,随后进行访谈,提出一些开发性的问题。

您是否有使用手机听音乐的习惯?

您会在什么场合使用手机听音乐呢?

你购买手机的时候会特别注重它的音乐功能吗?

以您的理解,音乐手机不同于普通手机之处在哪?

如果让您设计一款新的音乐手机,您希望设计成什么样子?提供什么样的功能呢?

6)写观察报告:

a) 被观察对象的自然状况

b) 观察过程出现的现象,(背景、统计结果、经分析和得出的结论)

c) 结论可以是发现的规律,也可以是发现的问题。


参考的资料:

林子的笔记、林敏老师的课堂笔记、互联网。



三年来,新的创新和发明有哪些?

蓝蓝设计的小编

最近蓝蓝总听到朋友和客户谈起国民经济衰退,经济不景气,生计艰难,失业率上升.....听得好黯然。

那么,我们来想一想,三年来,原来没有,三年来才有的,在中国的创新企业有哪些呢?

人类一直以自己的智慧为自豪,那么为何不利用我们的智慧与选择,为这个世界,去做点什么呢?


这些创新是不是让您很惊喜呢?


做为一名设计师,我很欣喜看到由于设计,由于发明创新,改变这个世界,让这个世界更美好!

我们做ui设计工作,也很喜欢客户的产品在我们的创新、努力洞察工作之后,变的更好,为客户增值,也为这个社会贡献我们的力量。


走进大师系列专题——丰子恺

蓝蓝设计的小编

走进大师系列专题——丰子恺

 贺红阳

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

每一个独立自由的灵魂 都是生活的艺术家。


(前言:再第一次开始运营公众号时候,其实有想了很多主题。对于学习技能方向大家可能会更甚喜欢。可是最终确定每周一的发文是关于中国大师系列的文章。因为古语有云教育的四阶段:先德行,而后言行,政治,最后才是学问。这里的学问便是如今的技法。而今交技法的文章太多,了解文化常识的太少。而学习要追书本源,学到根本上,才能以不变应万变。生活的常识,历史的常识是我们现在的短板。既学艺术设计,必要了解设计艺术历史,了解在艺术设计里闪闪发光的前辈们,我们才知道什么是好,才不会被当前的流行所困惑,在设计艺术中能够找到一种释放感,并通过艺术来思考自己的生活。)



今天带大家认识一位民国时期童心未泯的“小大人”——丰子恺先生。以纯真漫画,搭建属于孩子的自由世界。


丰子恺(1898年11月9日——1975年9月15日),浙江嘉兴桐乡人。原名丰润,后改为子恺,笔名TK。师从李叔同(弘一法师)和夏丏尊。


丰子恺一生多才多艺,著作等身。在众多艺术领域取得了卓越成就。他的漫画闻名于世,散文,音乐研究,译作也十分出色。丰子恺的漫画简洁生动,清新自然,意味深长,既有古典诗词的美妙意境,又不失中国传统绘画的章法和气韵。是中国近代漫画的鼻祖和抒情漫画的创始人。


丰子恺先生在画画


1914年,丰子恺考入浙江省立第一师范学校,师从李叔同和夏丏尊。

夏丏尊负责教授国文课,他所提倡的白话文被丰子恺奉为圭臬,其中通俗平易的特点,贯穿了丰子恺往后一生的创作。

夏先生也同时担任舍监,他事无巨细地关心着丰子恺的生活,这种照料在很大程度上,让初到陌生环境中的丰子恺,内心有了安全与归属感。

另一位恩师李叔同,可以说是对丰子恺影响最大的人。他不怒自威的气质深深吸引着丰子恺,丰子恺曾表示:凡是李先生喜欢的我都喜欢。

李叔同教音乐美术课,在丰子恺眼中,李叔同凡事认真。在他“温而厉”的教导下,丰子恺养成了做事一丝不苟的习惯。

有一天晚上,一向极少论人的李叔同,把丰子恺叫到身边对他说:在我所教的学生里,从没有见过像你这样快速进步的。回去后,丰子恺在日记本里写道:当晚这几话,便确定了我的一生。

此后两年,丰子恺在绘画上下足了苦功,有空就向李叔同请教,他们的关系也越发亲近起来。

丰子恺曾撰文《我与弘一法师》,专门描述他心中的李先生:“就人格讲,他当教师不为名利,为当教师而当教师,用全副精力去当教师;就学问讲,他博学多能,其国文比国文先生更高,其英文比英文先生更高,其历史比历史先生更高,其常识比博物先生更富,又是书法金石的专家,中国话剧的鼻祖。他不仅能教图画,音乐,还拿许多别的学问为背景来教他的图画,音乐。夏丏尊先生曾说:“李先生的教师,是有后光的。”像佛菩萨那样有后光,怎不教人崇敬呢?而我崇敬他,更甚于他人。


《丰子恺漫画全集》由《儿童相》、《儿童相 学生相》、《社会相》、《社会相》、《护生画集》、《绘画诗歌》、《绘画小说 封面插图》、《彩色画卷》和《彩色画卷(精品画集)》九卷组成,全面收录了丰子桤先生生平所画的优秀漫画。


以下图片来自《丰子恺漫画集》



丰子恺的画和文,如同“一片片落英,含蓄着人间的情味”,又如“一首首带核儿的小诗”,句句含情。从饱读诗书的文人到平头百姓,对他的画和文章都有很高评价。


我的脑子里有一个“丰先生”的形象:一个与人无争、无所不爱、一颗纯洁无垢的孩子的心。——巴金


从丰子恺先生那里,我学到了朴素。——林清玄


他的画极家常,造境着笔都不求奇特古怪,却于平实中寓深永之致。——朱光潜


“我们都爱你的漫画有诗意,一幅幅漫画,就如一首首小诗,带核儿的小诗,我们就像吃橄榄似的,老觉着那味儿。”——朱自清


“我觉的,丰子恺是现代中国最像艺术家的艺术家,这并不是因为他多才多艺,会弹钢琴,作漫画,写随笔的缘故,我所喜欢的,乃是他的像艺术家的真率,对于万物的丰富的爱,和他的气品,气骨。如果在现代要想找寻陶渊明,王维那样的人物,那么,就是他罢了。他在庞杂诈伪的海派文人中,有鹤立鸡群之感。”——吉川幸次郎(日本汉学家)


以儿童为师,以自然为友,以“赤心国”和“明心国”作为自己毕生的“理想国”,不忘初心,作善知识。丰子恺先生一生的故事和作品,不仅向我们呈现了一个单纯,烂漫,和完整的童心世界,也让我们领略了一种亦诗亦哲,童心即佛性的生命境界。——徐鲁(诗人,作家)


“儿童”在丰子恺漫画里出现频率最高,可以说,他画尽了孩子的喜、怒、哀、乐、懵懂、稚拙等多面的神采。

他和孩子们一起办家家酒、唱歌、画图、做游戏,带孩子们散步远足。他随身带着一个小本本,孩子的言行举动常被他迅速描绘下来,成为取之不尽的创作素材来源。


丰子恺曾说:“我的心为四事所占据,天上的神明与星辰,人间的艺术与儿童。”他认为世间事物的真相,只有孩子们能最明确、最完全地见到。因此,他借助儿童的视角,细致描摹世间的温柔与感动。

在对孩子的不断记录和创作中,他深深地体察他们,了解他们,亦步亦趋地随着他们成长。


最是好光景,努力惜春华。

他是“最像艺术家的艺术家”,也是最懂孩子的爸爸.

在丰子恺的漫画里,既有成人改造孩子的无错之过,又有孩子必然成人的无可奈何。他没有站在教育家的角度上,石破天惊地针砭时弊。而是以一个父亲的身份出发,对世间美好单纯的消逝,流露出无比的惋惜之情。

他有最有效,最愉快,也是最省钱的方案——他能够听懂孩子们的心。


他极尽全力地抛开大人的思维,反对以成人之心,度孩子之意。他常常站在孩子的立场上,以饱含同情的笔墨,绘出成人对孩子无形的伤害,在这个过程中,他戳到了中国教育的痛点。


有这样一个故事:有一回,弄堂里来了个卖小鸡的小贩。孩子们看着雪球似的小鸡十分可爱,哇哇大叫起来:“要买,要买!”

小贩仗着孩子们的喜欢坐地起价。丰子恺觉得不值,就没买。

他拉着没得到小鸡而哭泣的孩子们回家,想教导他们,下次千万别再嚷着“要买,要买”啦!可他实在没法把这话说出口。这难道不就是教导孩子,“看见好的嘴上不可说好,想要的嘴上不可说要”吗?


孩子最可贵的就是天真烂漫的性格。如此教育他们“懂事”,乖觉圆滑,岂不是早早叫他们做一个面目虚伪的大人了么?回到家里,丰子恺眉头微蹙,写下这篇文章,也记录了自己的困惑与思考。这样的生活小片段,在新书《日月楼中日月长》,随处可见。


人要像小孩一样,怀有一颗善良纯真之心,看待世间万物,才会懂得那些小事的真正趣味,才能看到更多生活的美。


家人共度欢乐时光,连墙上的钟都在笑


一生童真,一生有趣



“世寿所许,定当遵嘱”

李叔同出家了,法号弘一法师。他知道,老师的爱国热忱从未歼灭,为了帮助老师弘扬慈怀,他决定为弘一法师画一部《护生画集》,40岁画40副,50岁画50副,直到100岁画100副。

为了笃定意志,他给老师留下一封信,写了八个字:“世寿所许,定当遵嘱。”即若自己能活到老,便将此画按约定完成。师徒两人发愿流布“护生画集”,商议由丰子恺作画、弘一大师题字。

“护生画集”,所谓“护生”即是“护心”。

弘一法师说:“去除残忍心,长养慈悲心,然后拿此心来待人处世”。

画集预计在1929年出版,丰子恺想到,那时弘一大师正好50岁,何不画成50幅出版,以贺恩师50寿辰。丰子恺把这个想法告诉了弘一大师,弘一大师也极为赞成。就这样,由丰子恺作画、弘一大师配文、马一浮先生作序,在1929年弘一大师50岁时,50幅的“护生画集”出版。


1938年,日军侵华、丰子恺携着一家老小,颠沛流离,过着逃难求生的日子。眼看弘一法师60岁生日在即,无论什么情况,都不能忘了那60副画作。

某个夜晚,大雨滂沱,一家人躲在一间屋子里避雨安顿,桌子上正摆着未创作完的画作,不巧桌上的瓦当处有一漏洞,把整个画稿浸湿。丰子恺没有办法,只能熬夜赶制,一连下了一周雨,一连熬了一周夜,为此他染上风寒,依旧不忘弘一法师的重托。


后来弘一大师没能等到“护生画集”的后几集,就在1942年、63岁虚龄时,在福建圆寂了。弘一大师圆寂前,心里记挂着《护生画集》的事,他曾经给友人写信,希望友人能帮助丰子恺完成后几集的编绘工作,他在信中说:

“务乞仁者垂念朽人殷诚之愿力,而尽力辅助,必期其能圆满成就,感激无量。”

但后来他委托的朋友也相继过世,这样“护生画集”的创作使命就落到了丰子恺一个人的身上。丰子恺牢记恩师嘱咐,决心把“护生画集”继续画下去。


无论遭遇了什么身心上的折磨,乐观的丰子恺一直瞒着家人,报喜不报忧。

直到有一年冬天刚下过大雪,女儿丰一吟去给他送御寒的衣服,看到父亲孤独地站在寒风飕飕的田野里,胸前挂着一个蛇皮袋,正在一点点地摘棉花,全身冻得直发抖。之后,在女儿的一再要求下,丰子恺才带着女儿去了自己的住处,女儿在那个破旧的牛棚草屋里,清楚地看到父亲的枕头边还有一堆没融化的积雪。后来因为环境的恶劣和非人的折磨,患上严重肺炎的丰子恺被允许回家养病,此时的他已经是76岁的古稀老人了。

回到家中的丰子恺并没有按照医生的要求,好好休息,积极配合治疗;相反,他甚至偷偷扔掉医生开的药,因为这样他的病好不了,就可以继续留在家里、继续作画了。

他每天凌晨4点就起床,开始着手画《护生画集》的第六集,此时与恩师约定的最后一集还有6年时间;但丰子恺似乎隐约感觉到自己将不久于世,所以才拼命画的吧。

儿女们怕他累坏身体,也担心造反派随时来家里搜查,就把他的笔和纸都藏起来了,丰子恺就向他们哀求道:

“你们这是要我的老命呀,快还给我吧。”

1973年,丰子恺终于画完了“护生画集”第六集的100幅画;他自知不久于人世,便秘密委托给朱幼兰居士保管。

1975年,丰子恺与世长辞,未能见到六集“护生画集”全部出版。

1978 年,与丰子恺失去联系多年的广洽法师来到上海,本以为“护生画集”的第六集会遗憾缺失,却没想到丰子恺早已将第六卷的稿暗自完成,而丰已去世3年了。广洽法师跪在丰子恺灵前,老泪纵横,为丰超度祷告,深念故人。


随后,广洽法师将第六集的画稿和诗文带到了新加坡出版。这时丰子恺信守了半个世纪的约定,如愿以偿。

在这半个世纪的时间里,人生几经沉浮,世事几度沧桑;但丰子恺却始终抱守诺言,践行了对恩师“世寿所许,定当遵嘱”的承诺。

他把一件事,就这么做了一辈子。


“护生者,护心也。去除残忍心,长养慈悲心,然后拿此心来待人处世。这是护生的主要目的。”——丰子恺创作《护生画集》的宗旨


丰子恺先生文学造诣也很高。

著名服装设计师马可创造的“无用”品牌,其品牌精神便是来自丰子恺先生的《无用之美》。

个人品牌马可之无用(WuYong)之所以起名为“无用”,马可这样说道:““所有人都在追求有用,做个有用的人,做个有用的物件,买个有用的东西,是否有用甚至已成为我们做事的前提。但眼前的有用与未来的价值常常不同,我想做些眼前未必有用但以后会有价值的事,我想把人们眼中无用的东西变得有用,我想人们不再以是否有用作为取舍的原则。我喜欢无用,才能赋予它新的价值。价值从不在物件本身,而在使用的人。

所以无论从事设计艺术的哪个行当,深厚的文化底蕴和知识是我们创作的灵感源泉,正是这背后的东西让我们的作品变得深刻,美得深刻,赋有灵魂。


推荐大家阅读书籍吴浩然的《丰子恺的故事》,了解大师之后。推荐阅读散文随笔《缘缘堂随笔》,《缘缘堂再笔》《画中有诗》《白鹅》《活着本来单纯》漫画《子恺漫画集》《护生画集》艺术绘画《无用之美》。


这本书名字叫《无用之美》,然而《无用之美》只是丰子恺大师的一篇文章。这本书给大家讲的都是绘画门外汉需要普及的绘画知识,如何把绘画这门高雅的艺术向普通大众传播,这其实挺难的,我觉得丰子恺大师做到了。我觉的艺术的最高级形式便是与生活融为一体,你的一言一行,所思所想都是艺术。


作家安·兰德在《源泉》里写过一句话:“像个大人一样生存,像个孩子一样生活。”


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务





何为第一

蓝蓝设计的小编

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

蓝蓝写

在班级考试的时候,在同行竞标时,在工作业绩评定时,大家都想赢,争第一才有机会。很多时候,大家在为争这个第一而烦恼。总是保持第一很难,得到后又怕失去,心情易受此情绪化。享受赢的感觉很好,但如果第一才是赢,那输的人岂不是很多?

得第一一旦养成习惯,做起事来会追求完美,不怕苦不怕累,但是一旦有场合一定要输,使不想参与,觉得不公平。人生不可能每次都是考试第一,每场投标都中,每次比稿都只自己的最好,成败是常见的事情,直面输赢,是对心智的磨练。

爸爸对我说,不要每次考试都让我女儿考第一,这样是不对的,要把身体锻炼好,身体好了,成绩自然就好。

期中考试考前我激励女儿:要好好学习,这次还能不能再有进步?期末考试是很重要的。女儿说:不就是期末考试吗?有什么重要的?也不可能永远都进步。

我觉得他们说的话都有道理,以前每次投标我基本上是晚12点睡早五点起,睡中朦胧也会思考怎么做的更好,投完标基本上都会病一场,追求完美给自己压力太大,影响健康。

所以这次考试中只问女儿:今天身体怎么样?累不累?热不热?放松去考,考砸了,下次再努力,女儿很高兴,放松,觉得得到理解和关心。

何为第一?今日读到一段定义:所有的人都需要你的时候,你能够给他们带来所需要的,你就是第一。任何事情都有它的顺序,讲因缘,时节,果报,要一步一步来,时间未到,你想也没有,时间一到,你不想它也有。

德和得分别代表了内在和外在,它也代表了同一种东西的两个状态:能量和质量。

当内在大于外在时,能量就会转化为物质,于是财富会自动存在;当外在大于内在,也就是能量不够的时候,物质会自动消失,对应到生活当中就是出现健康、财富等外在的损失甚至灾难。

由此就能更好地理解我们常说的“厚德载物”是什么意思,物质就是钱、地位、房子、子孙、家庭、名利。

厚德=后得。

厚德厚物,薄德薄物,缺德缺物,无德无物。因为能量和质量永远要追求一种平衡。WechatIMG90.jpeg

遵守职业道德,做人的品德是基础,否则水里来火里去存不住物质财富,赢得第一意味着名利,意味着才华和能力能够给带来机会和财富,但是品德修养是更为重要的根本,决定财富持有的时间和量级。

去掉攀比的好胜心,把视角转向对内的反省和探索,目标不再定为得第一,而定为不断地完善自我,完善工作品质。甘当无私的绿叶,在别人需要时帮助别人,减少狭隘的利益判断,更宽胸怀的帮助别的公司建立设计驱动的价值。

有德的人,不为自己求安乐,但为众生得离苦,众生是一个很大的团队,如果由己及人,把团队扩大到同事,社区,同行,胸怀越来越大,人也就会变得越来越包容,平和。追求亦也不再是自己的第一,而是带领更多的人走向卓越,完善自我的修行之路。

WechatIMG91.jpg


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



日历

链接

个人资料

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

存档