触屏网页设计

历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发。对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得。

上篇包括以下一些内容:

>>精神与基础

何谓高端——高端设计精神

平台间平衡

不同分辨率及比例间移植

浏览器框架

>>设计“泛”过程

移动场景下的用户需求

少即是多的设计原则

界面气质

———————————————————————————————————————————

>>精神与基础

何谓高端(high-end)——高端设计精神

最初,我问了自己一个问题:究竟什么是我们津津乐道的“高端”体验?

我对它的参悟从细细打量iPhone那一刻,略有了眉目。虽然它是工业化商品的出色代表,但我更希望将它视为“艺术品”。它的精巧优雅透射于每个曲面与用材,每处工艺都丝丝入扣。内部软件设计也传承了这种血统与气质,并升华为一种纯粹、本能、情感化和典藏大气。凡拥有者都奉为“我的”艺术品(调动起归属情感);凡未拥有者,它则是人人希冀的“礼物”。设计师像创造艺术品一样创造客户端或网页,才能诞生高端体验。这个过程没有折中和妥协,唯有用尽心力。

以上是撇开高端市场和用户需求,对于高端体验的另一维度的思考。当然,高端版设计的补集并非所谓“低端”版。面对低性能手持终端,要将约束诸多的版本同样冠以“高端”的设计精神,实属上流。

平台间平衡

触屏版设计,目前主要面向iPhone和Android平台(Symbian V5平台体验没有摆脱其经典键盘机的经验束缚,所以暂不归为设计对象)。适配不同平台的网页应用设计,需要平衡软硬件差异带来的交互特性和系统习惯的差别。比如:iPhone唯一的home硬键(导航必须通过软件界面实现)、无菜单风格、单页面单一任务的交互思想、弹出对话框的按钮倒置,等等。而Android平台则多数保留返回、菜单、主页(home)、搜索等四个系统硬键;依赖上下文菜单和弹出式菜单处理复杂任务;建立用户长按的操作习惯。

触屏网页如需实现一些复杂的设计,Android-Chrome对比iPhone-Safari的表现稍显逊色。比如:页面局部横向滑动一组内容;在限定高度内滚动列表等等。Android版本繁复,为保证设计一致性,往往会向下适配。另外,考虑成本,会尽可能平衡不同平台间差异,精简版本。若要追求体验极致化,可通过UA(User Agent)标识匹配不同平台。

不同分辨率及比例间移植

分辨率问题是手持终端永恒的话题。设计师无法回避不同机型屏幕分辨率的差异和横竖比例(Aspect Ratio)展示兼容性。

iPhone 3GS和iPad屏幕分辨率密度相近(163 ppi 与 132 ppi),利用界面背景平铺能基本解决适配问题。

如直接将iPhone 3GS的图片资源复用到iPhone 4的虹膜屏(326 ppi)上,界面元素的物理面积会缩小为原来的1/4,画面质量和操作易用性均有损失。

要实现界面物理尺寸的无缝缩放(Resolution Independence),目前常用预绘制(pre-rendered)方式。客户端产品需根据机型独立定制界面;网页产品需分化版本,通过识别用户代理(User Agent)去指向不同URL。为了保证较高灵活性和低成本的重绘,在视觉设计时,建议用Photoshop的矢量路径工具(开启对齐像素模式),并应用图层样式绘制(快速复制图层样式)。注意像素虚化的细节。本文不作赘述,请查看《Designing for iPhone 4 Retina Display: Techniques and Workflow》了解。

为了提高页面适配能力,公共界面元素宜少用图片,多用CSS3支持的规则设计样式。

在此,推荐另一篇关于屏幕大小适配的专业文章《客户端交互设计适配之——屏幕大小》。

浏览器框架

“网页版”遇到了“客户端”版心生感叹:“既生瑜何生亮啊?”客户端产品设计有诸多优势,例如:

  • 自定义软键盘
  • 自绘控件
  • 丰富的隐喻图形界面
  • 浮出式面板的绝对定位(始终置底的工具栏在网页端不好实现)
  • 丰富的手势操作
  • 支持较复杂的动画反馈
  • 较大容量缓存
  • 后台实时通信
  • 调用手机硬件功能如:声音或震动的提示;通过GPS或基站获取地理位置信息;通过摄像头、麦克风传输多媒体文件。

上述均是网页设计的短板,设计师常感捉襟见肘。然而网页版对全产品战略有着深远的意义。它的优势在于:更敏捷地弥补平台性空缺,并有效维持跨平台产品的体验一致性;更及时地响应日常运营和产品功能推广;更迅速地响应用户需求;节省手机流量;更无缝地实现不同产品间的业务拉动(客户端产品是相对独立的,不容易做整合)。

九尺之台起于垒土。做好触屏手机网页应用设计,需要对“浏览器”框架有大致了解。iPhone和Android浏览器都是Webkit内核。以iPhone-Safari浏览器为例:

  • 不支持Flash和Java(包括Java Applet)
  • 不支持插件
  • 不支持基于浏览器的文件下载
  • 不支持插入本地文件,即不支持
  • 节省缓存。iPhone仅支持小于25kb的缓存
  • 支持cookie
  • 界面的动态交互则可利用JavaScript来实现
  • 支持播放html5视频

此外,Webkit内核手机浏览器的一些特性会影响交互,例如:支持表格、CSS3高级样式表等等。其中,最重要的特性是Ajax动态异步请求与局部刷新,后面会详细的说明这个特性的意义。

———————————————————————————————————————————

>> 设计“泛”过程

移动场景下的用户需求

移动场景下,用户主流需求是利用碎片时间阅读、搜索、下载、游戏、沟通。在设计前期需要思考:

  • 用户是在什么状态下如何进行操作的(了解用户核心需求及使用方式)?
  • 如何展示信息,才更容易引起用户兴趣(筛选适于手机端呈现的信息及信息布局)?
  • 为什么选择手机浏览器访问网页(分析网页应用与客户端应用的定位差异)?

手机终端用户使用目的、操作行为以及潜在困难远比用户端坐在桌旁要复杂多了。援引wpzune上发表的一份由Harris研究的手机使用习惯的图文报告。可以了解到有趣的移动互联网用户使用行为。

iPhone 的应用有三大分类:高效型应用、实用工具型应用和沉浸式应用(详见iPhone HIG)。不同的产品定位会产生差异化设计策略,从而影响用户的交互方式。设计启动前需与产品经理明确界定产品类型和大致的设计方向。

少即是多的设计原则

易用的手机应用须遵循少即是多的设计原则,简便的交互,清晰的提示或反馈,少而精当的请求,从简单中展现优雅,准确地满足用户。

  • 保持用户对页面专注力,让人一目了然如何使用你的内容

清晰定义适合手机使用场景的应用定义说明(Application Definition Statement),筛检功能,降维信息,满足用户专注地获取信息、完成当前任务。

涉及到具体页面设计,分享一个心得:可尝试用简洁语句归纳出我们设计的每个页面的核心功能以及对用户的意义。如果难以准确简单地归纳出来,将意味着增加用户理解成本和记忆负担。

  • 避免噪音、无用的留白、花里胡哨的背景

避免用户被内容以外的视觉信息干扰。

  • 尽可能减少用户的输入

记忆用户信息;有策略地向用户提请求。

  • 简洁表达必要信息

简洁明确地提示引导性操作(如新手任务、操作指引、功能介绍)和中断性操作(如提示、询问)。

  • 避免不必要的交互

界面气质

触屏版网页设计应充分表现触屏界面的气质。可触控界面要求关注链接及控件尺寸。以iPhone 3GS为例,适于手指点触的控件尺寸是44×44pix;随手势的轻重变化,iPhone控件响应范围在22×22pix ~ 55×55pix之间。

触屏界面显著的气质表现为:

  • 足够响应范围的控件和文字链接
  • 圆角
  • 纸张化的扁平风格与相对立体的按钮
  • 页面中常见图文混排

>>提升体验的细节

让消息更随手

翻页大讨论

重要数字了然于胸

关于软键盘

大话横竖屏切换

让界面更“可触模”

对话框设计

链接下划线的讨论

节省之道

不把网页设计成客户端

————————————————————————————————

让消息更随手,操作门槛更低

费茨法则(Fitts’ Law,1954)是一则人机交互法则。它阐述了:快速移动到目标的时间是离目标距离与目标大小的函数。目标距离愈远,目标面积愈小,则移动到目标的耗时愈久。费茨法则适用于手或手指进行实体触摸或显示器上用指针虚拟指向。

微软 Office 2007(Word2007、Power Point2007、Excel2007)有一处改良设计很好地应用了费茨法则。选中文本的右上角会浮出相应最常用的富文本编辑工具面板,且工具面板透明度随鼠标离目标的距离的增大而增大。

在触屏版网页设计中,利用Ajax动态异步请求与局部刷新的特性,可实现费茨法则。依据情景分析,随“手”响应用户最迫切的需求。例如:手机QQ空间触屏版好友动态列表的设计。展示每条feed的好友评论并留出“评论”和“回复”的操作入口,以引导用户参与。便利的操作、明确的反馈会刺激好友间产生互动。对比Wap形态产品的交互,无须每个步骤逐页跳转,体验如行云流水般顺畅。

翻页大讨论

>>常用触屏翻页控件类型

>>翻页控件选择

>>设计案例推导——正文翻页

翻页的本质是“控制”。有控制地展示一页的内容,避免单次对用户推送过多信息;控制页面流量,提升页面响应速度。事实上,用户在第一页里找到他期望的信息后,会非常“懒”于翻页。Soso的搜索结果,用户翻页行为在单次搜索的占比就印证了这个行为模式。一来,用户无法对未见信息产生兴趣的,他的期待程度也会锐减。二来,跳转页面的时间消耗及流量耗费都是用户非常敏感的。我们的设计策略有:

  • 触屏网页一页展示更多的信息量(触摸方式决定连续滚屏代价很小)
  • 根据信息类型选择翻页控件
  • 扩大控件响应区域,使操作尽可能轻巧

触屏网页常用翻页控件,按内容区分交互方式:

客户端可通过在列表边缘超限手势滑动完成列表加载命令。网页是无法实现的。

翻页控件的选取从内容量级、内容性质与组织方式等因素综合考虑。

注:蓝色区域数字对应上图翻页控件的编号

建议:翻页控件可选形式较多,在一个产品中采用相对集中的翻页控件类型,一般不要超过3种。从而,减少开发的逻辑复杂度,给用户更一致的操作体验。

设计案例推导——正文翻页

在设计资讯正文阅读的翻页时,曾设想将文本包含其翻页控件正好限定在一屏以内(320pixels×480pixels)。正文阅读的体验甚至可以像iBook翻书体验一样。创意出发点是:限制页面纵向长度,保证正文以下后续模块的曝光度。另外,若一页文本长度不限定在屏幕区域以内,翻页跳转时页面需要快速向上滚至正文区域顶部,这个跳跃容易造成用户的视觉迷失。

然而这个令人欣喜不已的设想,却带来了很多实现上的困难。首先限高的措施,必须要统计全文全角半角字符个数,这会相对消耗性能;另外当正文内配有图片时,图片所占篇幅是无法精确控制的;再者横竖屏切换时,单屏容量是变化的,势必需要重新计算和排版。所以权衡之下,决定将正文的翻页设计为目前常见的纵向延伸方式,即编号7对应的翻页方式。

重要数字了然于胸

416 — iPhone-Safari竖屏的首屏高度

200 — iPhone-Safari竖屏软键盘呼出后剩余可显示高度

268 — iPhone-Safari横屏的首屏高度

94 — iPhone-Safari横屏软键盘呼出后剩余可显示高度

补充说明,iPhone-Safari地址栏高60像素,在页面加载完成后可由程序控制隐藏。

Android平台机型众多,屏幕分辨率参差不齐,导致不同机型系统控件尺寸的差异,先按下不表。此外,Android-Chrome浏览器在加载完成后,自动转至全屏浏览模式,页面可视区域没有额外遮挡。仅需避免网页内控件被Android-Chrome浏览器浮出工具条遮挡的问题。


关于软键盘

客户端可根据输入框内容控制弹出软键盘类型,如数字键盘或全键盘。网页则无法判断。

在软键盘呼出时,当前激活输入框会自动上移,不受软键盘遮挡。从iPhone-Safari浏览器呼出的软键盘,带有一条高为44像素的半透明表单辅助栏(Form Assistance)。这条表单辅助栏是不能由程序控制隐藏的。

通过限定输入区高度或者支持页面滑动(系统弹框不能滑动)以确保输入内容可被完全展示。

长文本输入——手持终端文本输入因其效率和操作难度而成为UGC的瓶颈。改善写操作,就成了提升体验的突破口。触屏版网页比Wap网页(单行输入框)有更大的控件定制自由度和展示空间。适当扩大长文本的可编辑区域,方便用户审视全局和定位到局部进行编辑。输入框高度应设定为软键盘弹出后完整显示可编辑区域为宜。

Android平台横屏状态的软键盘表现为独占式输入状态,即输入框以及键盘按钮会占满全屏。不存在页面遮挡问题。

在此想强调:尺寸,在大家的印象中,似乎只有视觉设计师才需要细抠像素。其实交互设计师同样需要很强的意识和设计积累,尤其在无线产品的设计中。


大话横竖屏切换

>>客户端的横竖屏切换方式

>>粗放的实现方式

>>网页横竖屏设计要点

>>设计案例分享

基于客户端的产品设计,可由产品形态决定屏幕方向。

A. 锁定横屏模式(如游戏、视频)或竖屏模式(长页面浏览类产品);

B. 差异化横竖屏的展示内容(如iPhone的iPod应用横屏时展示Cover Flow模式,竖屏时则展示List或单曲播放模式);

开放权限让用户自主设定横竖屏方向感应。

C. 开放权限让用户自主设定横竖屏方向感应。

但网页只能适应浏览器本身横竖屏切换。所以在设计页面时需兼顾横竖屏的展示问题。如注重首屏效应的页面,要注意避免横屏后的信息损失。大图预览需预设一个横竖屏通用的默认图片尺寸。

在产品调研过程中,见过两种网页竖屏切至横屏的比较粗放的实现方式。一种是等比放大页面内容(包括文字和图片),以填充横屏页面;一种是在竖屏页面制作就预留横屏的页面宽度,切换时自动折行。这两类前端实现方式都有损体验。

兼顾横竖屏页面展示的设计要点有:

  • 快速地响应
  • 自然地过渡
  • 避免页面内容差异过大而导致重刷页面
  • 明确暗示交互的方向
  • 页面位置没有大幅跳跃,等

交互设计时,会优先以产品的最佳呈现模式来设计。比如手机腾讯网、手机QQ空间的长页面适合容纳短标题信息,垂直方向有较高的滚屏效率,所以优先设计竖屏模式(用户一般会自主选择最佳状态)。页面的横屏,则由前端实现自适应适配。同时,前台开发控制页面视觉中心始终在屏幕内,确保用户可控。一些特殊页面需要额外设计横竖屏两种状态。

相册展示——以宫格方式展示,除计算缩略图尺寸均分画面外,还要检验边际尺寸是否能留出半行缩略图,以暗示用户滚屏的方向。

图片尺寸——兼顾横屏和竖屏的可视区域,定义大图预览的极限尺寸(避免转屏时,重新拉取尺寸不同的新图片)。最大化可视区域,除去额外视觉干扰,我们设计了一个交互细节:用户点击缩略图进入大图预览页面,在完成页面刷新后,由前台控制自动隐藏页面头部(占篇幅的logo栏和导航栏),以提升浏览图片的体验。

让界面更“可触模”

多点触摸的体验颠覆传统按键操作的最大魅力在于直接操控。网页设计时,同样要留意发挥这种体验的魅力。我们来分享登录验证码评分两个例子。

登录验证码——登录页面的基本组件包括帐号和密码的输入框。QQ产品出于安全因素和防刷策略的考虑,在非常规情况下会出现验证码输入环节。PC端网页的验证码通常必须通过点击链接来刷新。

我们先在这里暂停一下,一起思考下触屏版的验证码如何设计得更好?

为了力求直接的操作和直白的语义化设计,和视觉设计师一起反复推敲,最终将验证码直接设计成按钮,点击验证码本身就触发刷新。

评分——五星评分制。设计大大的五颗星,暗示用户直接触摸。评分的结果能清晰地反馈给用户,让评分操作和评价体系建立清晰关系。

对话框设计

基于iPhone-Safari和Android-Chrome浏览器,系统对话框只配置了三种模式。

除以上三种标准对话框以外的其他设计要求,需自绘实现。比如:

  • 对话框里需要双输入框
  • 触发对话框内容实时刷新
  • 自定义按钮名称
  • 自动消失的提示(Toast)
  • 对话框宽度自适配横竖屏幕宽度,等

值得注意的是:出于提高性能的考虑,自绘对话框对视觉设计会有一定的限制。我们应谨慎使用不规则形,减少图片使用。

整个产品中,既有部分可直接调用系统标准对话框,又有部分必须自绘的对话框。通常,我们会遵照统一原则,让整个产品通用一套对话框视觉设计。


链接下划线的讨论

>>设计原则

>>设计案例分享——链接可触

>>设计案例分享——搜索结果页

触屏版界面会避免用下划线来表示链接,因为这会看上去比较拥挤(见iPhone HIG for Web Applications)。但是触屏界面没有鼠标悬停状态,因此要在界面中清楚区别链接和非链接。同时链接与非链接用色要保持高度统一,避免用户猜测和思考。

文本化信息中夹杂着链接的设计,要预留充足的可触范围(29pix高度以上)。如iPhone版问问“我的主页”中的链接设计。

对SoSo搜索结果页的设计,我曾思考:现在搜索结果基本是纯文本的。一个搜索结果模块由标题、内容摘要和来源、时间、页面格式等信息组成。用户浏览结果页,其实对视觉信息做了两步处理:快速逐条分离模块,然后在极短的时间内通过模块内的标题和摘要筛选感兴趣的结果。这是为什么大篇幅纯文本的搜索结果页面,会采用反差很大的几种文字颜色,以提高阅读效率。这种配色一定不是出于美学上的考虑。此时,标题链接加下划线,可以提高模块分离的效率。虽然下划线链接,与HIG对链接的设计要求相左,但这种情景下会使页面更加易读。

节省之道

从Wap网页跨度到触屏版网页设计,仿佛找到了一夜暴富的感觉。但手持终端的设计,节省永远是睿智的表现。对流量保持审慎,节制地使用图片、样式。下面我们来体会下节省之道。

>>节省流量

手机端网页不能直接展示PC端网页的图片。实现图片压制,可由前端CSS压缩分辨率或由后台服务器的重新配置一套小尺寸图片。前端实现的方式,会让用户看到适配手机屏幕的小图,但实际耗费的仍是原图流量。从用户的利益出发,我们在图片压制的实现方式上推荐后台配置,由服务器承担这个压力。

>>敏捷响应

响应时间是影响用户体验非常重要的因素。我们从手机浏览器用户的反馈中可以了解到用户对零点几秒的浏览提速都非常敏感,并且受用不已。浏览器自身的性能是一个方面。另一方面,在网页设计与实现时,要不断优化页面性能,尽力在每一处细节处理上节省时间。前端工程师做过实验分析:页面大小在一定量级内,响应时间并不与单次请求的页面流量成正比。一次1KB多的下载请求和一次100多kb的下载请求,耗费的响应时间几乎一样。时间基本耗费在发送请求和等待服务器响应上。由前台协调资源分配,可以提升页面效率。另外,从用户体验上分析,用户期望页面内容能跟随手势同步展示。因此类似于滑动方式翻页的设计,最好预读未展示的内容以提升响应速度。

最后来看一组图:一张会“呼吸”的用户界面,对比一张长时间没动静的白屏,体验孰优孰劣不言而喻。两张页面完成加载的耗时一样,但用户心理上对等待时间的感知差异很大。

不把网页设计成客户端

这个话题应该有两派对立声音。有一些产品经理或设计师会不知不觉地把针对手机浏览器的网页设计得客户端味十足。我认同手机网页也会朝着类似客户端的体验去发展。但是基于目前手机浏览器的诸多限制,我更倾向于把网页和客户端形态区分开。正如前文所述,网页表现能力、存储能力和调用硬件的能力有局限,很多地方无法与客户端媲美。其实较客户端而言,网页可以适当承载内容复杂度稍高的页面信息。网页宜遵循扁平化架构,流淌式的信息浏览方式。

Advertisements

中文logo设计技巧

我们进行logo设计时要充分符合标志的作用对象受众直观接受能力、审美意识、社会心理和禁忌。logo商标中的构思力求深刻、巧妙、新颖、独特,表意准确,能经受住时间的考验。构图凝练、美观、适形(适应其应用物的形态)。

中文标志(logo)设计常用技巧

我们在进行标志设计的时候图形要求简练、概括讲究艺术性,色彩则需要单纯、强烈、醒目。应该要了解logo商标的对象使用目的、它的适用范畴、客户对作品的要求以及要体现出来的功能性要求。还要充分考虑到标志实现的可行性,比如,针对标志的应用形式、所使用的材料以及制作条件等等手段来考虑logo商标是否合理可行,同时我们还要顾及到logo商标中的作品视觉传播如印刷、广告设计、映像等的放大、缩小时的视觉效果。避免因为一些因素带来的不必要的麻烦

企业logo设计中的商标不仅仅只是实物VI设计,也是一种图形艺术的设计。由于它对标志中所体现出的简练、概括、完美的要求十分苛刻,以至于每创作出一份作品都要求完美到几乎找不到更好的方案来替代,这样的作品最后才有可能被启用,所以我们说企业logo设计中的商标的难度一点不亚于其他任何一个图形艺术设计。那么,我们在进行标志设计时,又有一些什么技巧呢?

1. 柔美法——结合字体特征,运用波浪或卷曲的线条来表现的形式

中文标志(logo)设计常用技巧

2. 连接法——结合字体特征将笔画相连接的形式

中文标志(logo)设计常用技巧

3. 简化法——根据字体特点,利用视觉错觉合理地简化字体部分笔画的形式

中文标志(logo)设计常用技巧

4. 附加法——在字体外添加配合表现标示的图形的形式

中文标志(logo)设计常用技巧

5. 印章法——以中国传统印章为底纹或元素的形式

中文标志(logo)设计常用技巧

6. 书法法——把中国书法融入字体设计中的形式

中文标志(logo)设计常用技巧

7. 综合元素——综合使用各种风格来修饰标志的形式

中文标志(logo)设计常用技巧

8. 底图法——将字体镶嵌于色块或图案中的形式

中文标志(logo)设计常用技巧

9. 象征法——将字体的笔画进行象征性演变的形式

中文标志(logo)设计常用技巧

10. 刚直法——用直线型的笔画来组成字体的形式

中文标志(logo)设计常用技巧

当然此处说到的只是一些标志设计中的基础技巧,至于如何把这些基础技巧灵活运用,制作出高质量的标志设计作品,那还要看你的艺术造诣了。

无处不设计

在如今这个泛设计的时代,设计也逐渐从一个艺术门类向生活形态过渡,因此总会遇到很多尴尬局面。比如有品牌爱好者和你谈最新的时尚资讯,比如前几天有个学公关的朋友自己画了个标志草稿让你修改并采用,某个学考古的朋友自己找了个设计网站的模板告诉你他的设计更快更好;让你觉得人家比你还懂设计;看起来我这个"科班出身"的设计师似乎要靠边站了。
在这里我也不敢写什么太专业的文章,所以把我平时收藏的一些图片和海报拿出来和大家分享,并且从几个因素来讨论通过从版式设计、颜色运用及对比来使你的设计给人留下深刻的印象并且有效地传达信息。
究竟什么是设计?

百度说,设计是把一种计划、规划、设想通过视觉的形式传达出来的活动过程。也有人会说设计是人类社会发展到一定阶段时的产物,是"需求+信息+色彩"的一种视觉传达方式。

总之,无论设计是以何种形态出现,目的都为了更好地传达信息, 给人留下深刻的视觉印象。要想给人留下深刻印象最好的办法就是视觉冲击力。一个页面版式及独创性会决定别人观看你的作品时间的长短,只有观众注意到你的作品时并且在你的作品中停留的时间较长,信息才能有效传达。有时候我们会陶醉于个人风格中。但是很多时候设计本身并不是目的,设计是为了更好地传播信息的手段。一个好的设计,首先必须明确需求的目的,并且深入去了解。版面离不开内容,更要体现内容的主题思想,用以增强读者的注意力与理解力。只有做到主题鲜明突出,一目了然,才能达到设计的最终目标。如果你的作品不能引起别人的注意,不能让人很快了解其中的信息,那么其它神马也都是浮云。

我们确实会遇到这种情况,在做设计时,有大量的信息需要集中在一张小尺寸的图片上。是的,很多时候我们会选择性地挑选信息阅读。这时候我们就要让信息简单化,对文字进行取舍,即使是最主要的信息我们也要对其主次之分,加强视觉对比。所以这时候我们也许就需要通过色彩,构图,版式等方式强调重要信息。
我们先看下面这种图:信息虽然也不少,但是还是能让读者很快找到重要信息。

 

下面是nike以手绘为主的一系列海报。以手绘体现中心主题。从手绘的图片及文字中能够获得信息。并且通过手绘来打动读者.加上大面积单纯色彩的平涂,使得主体图式显著跃现出来,有效地增强了图像的视觉张力和感染力。
虽然现在大量的矢量图片方便了设计师。同时也使得原创设计减少。而原创的根本就是经验和想象力,手绘能力可以增加设计表现能力。所以我一直认为好的设计师应该都具备一定的手绘能力。

下面这张图片的装饰因素是文字、图形、色彩等通过字母组合与排列构成的,并采用比喻、象征的手法来体现视觉效果,既美化了版面,又提高了传达信息的功能。

这是一种活泼性的版面视觉语言。版面本无多少精彩的内容,就要靠制造趣味取胜,这也是在构思中调动了艺术手段所起的作用。版面充满趣味性,使信息如虎添翼,起到了画龙点睛的传神功力,从而更吸引人。

很显然,下面的设计中构图非常简洁,而且元素非常大,虽然仅是图片加logo的低预算设计,但却非常吸引人的视线。

下面这张图构图也非常简洁,虽然只有黑白两色,但是也给人较强的视觉效果

"尺寸"的意思并非说一定要很大,如下面这个招贴海报,你很难忽略它。原因恰恰是它的元素尺寸非常小,这仍然是一种强对比的设计——大面积的留白空间与小元素形成强烈对比。

 

将元素变大,也意味着让它更有力量,可以将一些平淡无奇的元素变得吸引人。在下面这个例子中,虽然只是以文字为主,但却一点都不枯燥,将背景中的人物放得很大,甚至超出了版面,但读者仍然知道它的意思,而且文字呈角度摆放,同样传达了一种很强的冲击力。

 

一种大面积的单色以简单的形状出现时,可以很快吸引读者的眼光。对比来自于高跟鞋及标题文字,使到图片看起来更大。我们在脑海中会将图片超出边缘的部分自动补上,也进一步强化了图片的大尺寸印象。

 

下面这张图是一商场的品牌海报,一个尺寸非常大的装饰元素与各品牌logo相结合形成吸引人的视觉焦点,由于文字很小,所以装饰元素与文字一起与整个页面仍然形成了对比.

 

下面这个版面是上述设计的另一种变化,改变了尺寸中元素的对比比例。一般来说,装饰元素通常都较小,传达一种精致的效果,但在下面这个例子中,装饰元素放得很大,使到这个装饰元素让人无法忽略。我们不仅仅要考虑创造冲击力时的尺寸,而且也有尺寸之间的对比。大面积的留白空间包围着一张小的肖像图片,使到它与其它广告排在一起时仍然能够突围而出。

 

 

最强烈的颜色冲击力来自它出乎意料及极端的运用。一张照片如果本身拍摄得很华丽,当然也能够说是有冲击力的,但却让人难以兴奋。由于科技的发展,现在我们在视觉上已经越来越能适应一些出乎意料的颜色运用,而且各种软件的出现也使我们可以轻易做到这一点, 但是颜色不仅仅指"五彩缤纷的颜色"。黑与白同样是一种颜色。

下面这个例子中,由于颜色的特殊运用使到一张普通的硬照变成充满设计气息的图片。 灰色的人物头像作为背景,标题文字背景填充一块暖色,使得页面较为低调,但是标题又很突出,同时与焦点元素的图片不产生冲突.

颜色的运用可以是既保守又引人注目。在下面这个例子中,纯色的背景使你的视觉由上至下穿越,同时与白色的标题形成强烈的对比。如果你能在脑海中想象我们在这个设计中使用更多颜色设计,你或许会看到焦点元素与这个设计并不一样,眼睛的视线也会不同,而且更重要的是,在视觉上的冲击力也不会这么强烈,虽然它们运用了更多的颜色来设计。

 

在很多设计中,我们所看到的第一张图片通常是我们已经预料到的,比如一个食品广告,你的脑海里立马呈现食物的照片;你在看一张有关旅游的广告,你已经知道肯定会有一些风景照在里面,这是我们通常想到的东西。但我们是否可以思考一下,如何让人感到出乎意料? 你或许会应用一些特殊的字体,或者使用一些很另类的图片而不是通常那种大路货色的图片。或者你应用一些特殊的方法来让一张普通的图片显出另外的特色,反正,就是尽量避免按别人的习惯思维去设计,这种思路如果能够准确应用,理所当然能够获得很好的吸引效果。这并不意味着你要惊世骇俗。只是意味着在设计中,你偶尔有与众不同的一两步就已经足够。出来的效果仍然会显得端庄沉稳,但至少不会沉闷。

下面这些食品创意海报鲜明的个性,是版面构成的创意灵魂。,这样的海报给读者以视觉惊喜的同时更能赢得消费者的青睐。

 

在下面这个封面设计中,是可以预期的设计,无论是字体还是排版,都已经被过度使用了。并不是说这种字体不漂亮,这种黑体作为封面,显得清晰有力,但问题是,当这些字体被用过了无数次作为封面后,它已经越来越缺乏活力了。

而下面这个图形设计则给我们另外的感觉,一个普通的条形码经过处理后呈现一种高科技的感觉,传达了一种复杂及想象的气息。就算一个读者并不明白轮廓中元素运用的具体含义,但都会从图片感知到与标题相符的信息:创造性。

下面这个设计中使用了一些基本的元素来处理页面,出来的结果也是一种被过度使用的版式,居中设计,大标题,大图片。

留意下面这个设计,虽然文字有部分被切掉,但是我们还是会潜意识里将被切掉的部分填回去..因此,页面用更少的面积,获得更大的视觉冲击力,因为被切去部分的文字本身已经能够引起足够多的注意。

下面这张图通过版面的文、图间的组合与协调性的编排,使版面具有秩序美、条理美,从而给人以良好的视觉感受。

当然页面是传播信息的桥梁,形式必须符合主题的思想内容,只讲表现形式而忽略内容,或只求内容而缺乏艺术表现,版面都是不成功的。只有把形式与内容合统一,才能解决设计应说什么,对谁说和怎么说的问题。

其实无论是做推广设计或是平面设计,目的都为了更好地传达信息,引起别人的注意;使人获得更良好的视觉效果。工作这么久以来一直从事着视觉设计相关的工作.我觉得设计不在于制造新奇花俏的图像和文字,而在于如何组合那些熟悉的文字与图片,从而令人产生全新视觉趣味! 我们拥有高度工作的热情,精辟独到的见解和灵活创新的理念。当然,这一切都需要一个展现自我的舞台。设计不是我们用来标榜的工具, ,设计要为客户的切身需求服务,我坚信只有有用的设计才是有价值的。

来源:http://uedc.163.com/4707.html

Saas不要在互联网开放时代迷路

最近,互联网谈的最多的是开放平台,而开放平台的核心是构建一个ecosystem。互联网的开放平台,会让许多曾不属于互联网行业的企业纳入互联网的范畴。比如,快递公司在电子商务开放平台中,提供了快递订单信息的共享,快递公司也成了互联网公司。再比如,在Android OS的开放平台中,手机企业本不属于互联网公司,但是摩托罗拉、HTC都希望打造自己的软件商店,这让手机企业都成了互联网公司。

互联网开放让企业界限模糊

所以互联网开放平台会让行业之间的界限越来越模糊,似乎所有的企业都成为了互联网公司,甚至是一些传统企业。而在这个开放平台的过程中,一些曾经的非互联网公司把握开放的机遇,找准自己的定位,这关系到企业的未来。我曾写过一篇文章《互联网未来必然是“垄断”的》,在这篇文章里提到了“越垄断越开放”的趋势,以及创业者要认可这种垄断,并迅速加入到开放平台中去,接入API,围绕“垄断”平台提供者们开发应用。

当前新浪开放平台、百度开放平台、腾讯开放平台、淘宝开放平台以及各类MarketApp storeAndroid market、移动MM),这些主流的开放平台已经吸引了大量的应用开发者,也构建了庞大的产业链。然而这些开放平台多是一些娱乐类应用,比如,手机游戏、web游戏等。但是互联网开放平台最终还是要进入商用的,最热门的“云计算”、“物联网”其实就是互联网开放平台的商务应用。

我们猛然发现,原来软件与互联网之间已经完全融合,而不是孤立存在的两个产业。

开放平台缺乏优秀的商务应用

但是当前互联网开放平台的应用开发者却很少有商务应用开发经验,因为一直以来商用软件都是付费使用,比如,财务软件、ERP软件、CRM等。而且这些应用都是一些专业软件公司在开发,像金蝶、用友、甲骨文等。由于一直习惯于靠销售软件获利,这些企业很多都没有意识到转型互联网,这就如同2000年的微软,直到搜索、互联网份额被大面积抢占之后,才意识到问题的严重性。

2009年,很多商业软件企业提出要搞Saas,希望布局云计算,向软件免费增值服务收费的方向转型。可是时至今日,Saas并未实现大规模的普及。业内只有金蝶友商网做的还算可以,其他大量涌现的Saas公司都似乎销声匿迹了。本来做Saas符合从收费软件向互联网服务转型的趋势,为何成功者少数?

Saas企业要在开放中找到定位

究其原因,在于两个方面。首先这些企业没有认识到“互联网开放平台”的大趋势,并未考虑自身在这个互联网开放平台中的定位。对于这种新型的“软件即服务”的应用,用户的接受能力和信任度都比较弱,但是他们却对手机应用、互联网娱乐应用很熟悉,这个时候Saas企业需要发现用户需求,并满足需求。

比如,金蝶友商网做的“友商快递查询”“智慧记”以及iPhone上的记账工具“随手记”等这些Apps本不属于商业软件公司业务范围,因为这些都是免费的小应用,不能卖钱。但是这些与财务、商务相关的应用却获得了大量的用户,“随手记”一度被认为是最好用的iPhone记账工具。而“友商快递查询”与百度开放平台嵌套,免费提供给用户使用,也获得了大量的用户。

通过专业的小应用实现与互联网平台搭建者合作,共享平台方的流量和用户资源,这是商业软件公司按照传统的软件研发、销售思路无法做到的。而通过这种免费小应用的提供,大大增加了金蝶友商网的用户量。在用户达到一定规模之后,必然可以产生盈利模式,这是诸多互联网产品的通用盈利方法,最近安全软件、办公软件的免费也是为了顺应互联网开放的大趋势。

放下姿态让商务应用更易用

其次,无法放下姿态,认为做“小应用”是娱乐不是商务。其实,这种思维模式本身就是错误的,仍然是建立在企业商用软件开发的基础上。软件企业认为做ERP、财务、CRM软件那才是技术,这些软件都要配备专人来使用和维护,甚至要对员工进行大量的培训后才可以熟练操作,被认为是“高科技”。

事实上,简单易用才是王道。中小企业不愿意购买ERP软件,一方面价格高昂,另一方面使用复杂,需要配备专人操作。在Saas时代,这些企业仍然没有注重产品的简单易用,所以中小企业仍然不愿意使用Saas产品。学习娱乐应用的开发思路,让商业软件服务变得更加简单,这才是正确的方向。

相反把产品做得复杂不是技术高超,将产品做得简单易用才是高技术。比如,苹果iPhone为何这么火爆,很大程度上是因为iPhone的使用非常傻瓜化,让用户想尽快扔掉复杂的智能手机,这也是windows mobile失败的原因所在。

总结一下,在互联网开放时代,很多企业面临重大机会,这不仅包括娱乐应用开发者,商务应用开发更有非常好的前景,因为这块竞争对手少,专业性强。能够认清企业在互联网开放平台中的定位,并且将自己也视为应用开发者,而不是一家高高在上,以开发生涩难用的ERP软件为荣的软件公司,拥抱互联网的开放,便可分享开放带来的庞大用户量和商机。

Where Do Bad Moods Come From?无名怒火缘自何处?

What causes bad moods? Why do we sometimes slip into angry fits and melancholy torpors? In general, happy moods have easy explanations – we know why we’re elated. But a bad mood often seems to arrive out of the blue, a gloomy weather pattern that settles in from everywhere all at once. All of a sudden, we find ourselves pissed off without a good reason, which only makes us more pissed off.

坏情绪究竟是怎么产生的?为什么我们的愤怒会忽然爆发,或者会被忧郁忽然占据?一般来说,愉快的情绪很容易解释,我们总是知道自己为什么高兴。但坏情绪似乎总是从天而降,就像忽然笼罩大地的阴云。猛然间我们就没来由地烦得要死,而这只会让我们更烦恼。

The standard theory of bad moods is rooted in a psychological quirk known as ego depletion. Pioneered by Roy Baumeister and Mark Muraven in the 1990s, the basic idea behind ego depletion is that self-control and willpower are limited cognitive resources. As a result, when we overexert ourselves in one domain – say, when we’re on a strict diet, or focused on a difficult task for hours at work – we have fewer resources left over to exert self-control in other domains. This helps explain why, after a long day at the office, we’re more likely to indulge in a pint of ice cream, or eat one too many slices of pizza. A tired brain, preoccupied with its problems, is going to struggle to resist what it wants, even when what it wants isn’t what we need.

有关坏情绪的标准理论源于心理学上的“自我损耗”。罗伊•鲍迈斯特(Roy Baumeister)和马克•穆拉文(Mark Muraven)于1990年开拓了这一基本理论,他们认为自我损耗背后的原理是自我控制和意志力是有限的认知资源。因此,当我们在某一方面过度控制自己时(例如严格节食,或几小时集中精力工作),我们的自我控制资源会所剩无几,无法在其它领域发挥作用。这也就解释了在办公室辛苦一天之后,我们更有可能放纵自己吃一罐冰激凌,或者多吃几块匹萨。全神贯注解决难题的大脑很疲惫,难以拒绝它的欲望,即便它想要的我们并不需要。

A bad mood is no different. When we push our mind too hard, asking it to refrain from carbs and cigarettes, we struggle to avoid the negative thoughts and emotions that lead to sour moods. Consider this 2007 study: The scientists told subjects to refrain from eating a tempting chocolate donut for a few minutes. Then, they insulted these poor (and probably hungry) experimental volunteers. Not surprisingly, those who had successfully resisted the donut were more likely to get aggressive in response to the insult. Or look at the medical literature, in which people on diets are typically “irritable and aggressive.” (This is the so-called cranky dieter effect.) Although we’d like to be happy and polite, those positive moods take cognitive work, and our brain is too tired to care. We lose our temper because we lack the willpower to swallow our angry words.

坏情绪也同样如此。当我们对自己大脑要求太高,努力戒绝碳水化合物或香烟时,我们很难避开那些负面的想法和情绪。来看看2007年的这项研究,科学家要求志愿者在几分钟时间内抵抗巧克力面包圈的诱惑。之后,他们侮辱这些可怜(也许还饿着肚子)的志愿者。不出所料,那些成功抵抗面包圈诱惑的人更可能以攻击性的姿态面对辱骂。或者来看看医学资料中的描述,节食中的人通常“易怒而好斗”。尽管我们很努力想要开心而有礼貌,但积极情绪需要消耗认知能量,我们的大脑太累,无法顾及这些事。我们发火是因为缺少压住怒火的意志力。

A brand new paper, published in the Journal of Consumer Research, extends this link between self-control and anger, even as it complicates the ego-depletion model. In a series of clever studies, the Northwestern psychologists David Gal and Wendy Liu demonstrate that the exertion of self-control doesn’t just make it harder for us to contain our own anger – it also make us more interested in watching anger-themed movies, or thinking about anger-related information, or looking an angry facial expressions. In other words, acts of self-control haven’t just exhausted the ego – they actually seem to have pissed it off.

《消费者研究杂志》上发表的一篇新文章扩展了自我控制与愤怒之间的联系,同时也将自我损耗模型变得更加复杂。在一系列巧妙的研究中,心理学家大卫•盖尔(David Gal)和温迪•刘(Wendy Liu)阐明,努力控制自我不仅会让我们难以控制脾气,还会让我们对愤怒主题的电影、有关愤怒的信息,或者愤怒的面部表情感兴趣。换句话说,自我控制的行为不仅消耗了自我,还会激怒自我。

My favorite experiment involved movies. Two hundred and thirty nine subjects were given a choice between a virtuous apple and a hedonistic chocolate bar. (A slim majority chose the apple.) Then, they were offered a selection of movies to watch, from Anger Management (an anger themed film) to Billy Madison (a non-anger themed film.) Interestingly, students were significantly more likely to choose the angry films if they’d first chosen the apple. And it wasn’t just films: another experiment found that people who exercised financial restraint – they chose a gift certificate for groceries over one for spa services – were more interested in looking at angry faces.

我最喜欢的实验是跟电影有关的。239名受试者需要在“道德”的苹果和“堕落”的巧克力中作出选择。(只有少数人选了苹果。)之后,他们可以选择自己要看的电影,从《愤怒管理》(主题是愤怒)到《阿呆闯学堂》(主题与愤怒无关)。有趣的是,选择了苹果的学生更可能选择观看愤怒电影。不仅是电影,另一项实验发现,限制自我消费(选择商店礼品卡而不是spa套餐)的人对愤怒的脸更感兴趣。

What’s driving this effect? Gal and Liu argue that the preference for angry stuff is not simply a result of ego depletion. Instead, they speculate that self-control is inherently aggravating. Perhaps choosing the apple annoys us because our goals have been thwarted – we really wanted the candy bar – or maybe we’re pissed because we feel that our sense of autonomy has been diminished. (If we weren’t so constrained by societal norms and expectations, we would have gorged on chocolate.) The point is that the labor of self-control directly inspires our tendency towards anger, and not indirectly via a worn down prefrontal cortex.

这种效应是由什么驱动的?盖尔和刘认为,对愤怒内容的偏好不仅仅是自我消耗的结果。相反,他们发现自我控制本身就有激怒人的能力。也许选择苹果让我们烦恼,是因为愿望被阻挠了——我们本来其实是想吃巧克力的,或者我们烦恼,是因为觉得自治权被剥夺了。(如果没有那么多社会准则的约束,我们本可以吃巧克力吃到饱的。)重点是,自我控制劳神费力,直接激发了我们的愤怒倾向,而不是通过前额叶皮层间接发出警告。

So the next time you decide to resist some treat, be it a day at the spa or a pint of Haagen-Dazs, be sure to keep a few cognitive resources in reserve. You’ll need them to keep the urges of anger at bay.

因此,下回在抵挡美食诱惑的时候,无论是spa一日游还是一大罐哈根达斯,别忘了保留一点认知资源。你需要用它来压制怒火。

避免奖金公示

公司出于激励的目的,将奖金制度进行全员公示,感觉并不妥当。

不患寡而患不均。
多少公司在奋斗的过程中,没有出问题,到最后因为利益分配导致了分崩离析?

小集体不可取

首先大家是一个团队,是共同奋斗往前冲的关系。
团队有100多人,抽出来40多人搞了个小集体。

当然,这些人将要做的工作确实值得大家肯定,能够有效的刺激这部分员工的工作热情。但是其他人呢?其他项目组呢?同样的加班加点干工作,同样的为了达到“季度目标”在奋斗,这部分没有在小集体内的人,情何以堪?

主管让谁去干有奖金的项目?让谁去干没有奖金的项目?为什么某某人干的活就有奖金激励?
都是前端开发啊!!!都是切页面啊!!!水平都差不多啊!!!

举个例子:官网改版、博客改版、论坛改版、招聘站改版,这些工作重要吗?是否能影响到“季度目标”?既然能影响到最终结果,为什么没有奖励,没奖励的活,安排谁去做这些工作?当做这些活的员工,看到其他员工正在干的活,“团购站”、“起始页”、“账户中心”都有可能拿到奖金,当他们看着别人寻找发票报销奖金,当他们看着别的项目组,拿着经费去聚餐,想想自己干的活就没有奖励,积极性是否会受到影响?

都是干开发工作的一个部门的同事,没钱分的时候,没怎么样。
一旦这么全员公示,怎么分都不合适,总有人的心态会不平衡。

怎么分?

刚才说的是,拿奖金和没拿奖金的人。现在只谈拿奖金的人。
这批人,只要搞公示,也会有心态不平衡的情况。

目前是项目经理做奖金分配。

举个例子:某工程师,遇到疑难问题,被卡住了,干不下去了。按他自身实力需要10天来解决这个技术难题,但是项目要上线,时间非常紧张,于是占用了一个高级工程师的时间,花1天,解决了这个难题。

怎么分?
项目经理不可能了解每一个开发工程师的水平。按天分配?大家平均分?
那我一天能解决10个问题,我为啥还写10个?平均分,我是不是按照平均水平,一天搞5个就行了?
注意,不是没有这样的人!这样的人太多了!

“奖金公示”跟“工资公示”的效果是一样的。
这种心态不平衡的问题,累积那么几次,早晚会出事的。

建议解决方案
  1. 将来的项目奖金,尽量避免公示
  2. 奖金分配,由各部门的主管进行操作,尽量平衡心态
  3. 哪怕分的少,一定要看起来是平衡的

转载请注明:出自 崔凯的博客

乔布斯让苹果受世人尊敬的11个独到之处

北京时间3月24日消息,据国外媒体报道,最好的企业家往往以独到的思维而与众不同,总能想到新的方法来做事。仅在13年前,苹果还处在破产的边缘。今天已经成为全球最受尊敬的科技公司了。惊天逆转之后乔布斯居功至伟,他是如何做到这一点的?

1、与敌为友

你能想象百事和口可可乐交上朋友吗?这就是1997年苹果和微软结成伙伴关系给人的那种惊诧。

在近连续12年出现金融损失之后,乔布斯需要给苹果带来资金,而且得是很快到位。因此他转向了比尔-盖茨,盖茨向苹果投进了1.5亿美元。

乔布斯宣布,“就我而言,苹果和微软之间的竞争时代已经过去了。(与微软结交)是为了让苹果健康起来,也是为了让苹果能够再次为这个行业带来不可思议的贡献”。

2、深谙美学

作为一个伟大的产品销售员,乔布斯深知美学的重要性,他很早就意识到了苹果的产品有点过时了。

1998年,乔布斯招集了一次苹果管理层会议,在与会者就座后,他说:“你们知道公司的产品出了什么问题了吗?产品太逊了!”。

今天,苹果引以为豪的是创造出了最漂亮的科技产品,从多彩的iMac到纤细的iPad都是这样。

3、改弦更张

苹果最初是一家仅生产电脑的公司,但是乔布斯知道要想真正的成功就需要扩大产品范围。

随着Final Cut Pro的推出,苹果开始的自己的扩张,随后又推出了MP3播放器、音乐产品、iPhone以及iPad等等。

2007年乔布斯将公司的名字从苹果电脑改成为苹果凸显了更新更广的视角。

4、另辟蹊径

其他的零售商原本不准备给苹果产品足够的位置。乔布斯的办法是什么?苹果专卖店(The Apple Store)。现在,这些遍布全球的商店是“计算机零售行业的宠儿”。

5、先知先觉

乔布斯从来不用所谓的“焦点团队(focus group)”,也就是专门解决后续问题的团队,而是在顾客自己知道想要什么之前让他们知道自己想要什么。

消费者研究公司 Yankee Group主管卡尔-豪尔(Carl Howe)指出,“在让消费者想得到或者购买自己原以为不需要的东西方面苹果已经有很长的记录了”。

去年,当iPad推出之后,人们是目瞪口呆。结果,2000万部iPad卖出去了。

6、互通有无

苹果推出的产品是内部创新的结果,同时也是综合多方视角的产品。iPod就是很好地与iTune咬合在一起;而iPad和iPhone则是在应用软件商店上进行很好的配合。

7、精英团队

能够经营公司的不都是常春藤联盟的毕业生。

乔布斯曾说过,“让苹果电脑成为伟大产品的原因之一是,制造该产品的人都是些音乐家、诗人、艺术家、动物学家和历史学家,他们碰巧又是这个世界上最好的电脑专家”。

8、非同凡想

苹果在上个世界90年代后期推出的“非同凡想(Think Different)”广告活动是最有效果的一个。

苹果激励创新和再发明,这其实就是今天苹果的全部。

9、简洁至上

简单就是幸福。

苹果设计师乔纳森-艾夫斯(Jonathan Ives)证实了这个战略,“我们全力以赴做的事情就是尽力开发出一个非常简单的解决方案,我们都很理解什么叫清晰”。

10、销售梦想

乔布斯让人们有这样的一种感觉,那就是顾客买的不是产品,而是产品所代表的东西。

记住,人们首先关注而且最关注的都是他们自己,因此制造与他们相关的产品。

11、相信自我

乔布斯在斯坦福大学毕业典礼的讲话中说:“要由勇气追随你的心和你的直觉。他们已经知道你真正想成为什么样的人。”