Be For Web - 时讯 http://www.beforweb.com/news en 元之七层(下):去中心化,人机接口,基础设施 http://www.beforweb.com/node/1115 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-design-system.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>往期:<a href="http://beforweb.com/node/1113" target="_blank">元之七层(上)体验与发现</a>,<a href="http://beforweb.com/node/1114" target="_blank">元之七层(中)创作者经济与空间计算</a></p> <p>继续&ldquo;元之七层&rdquo;,本期是最后一篇。英文原文&ldquo;<a href="https://medium.com/building-the-metaverse/the-metaverse-value-chain-afcf9e09e3a7">The Metaverse Value-Chain</a>&rdquo;,作者 JonRadoff@Medium。一如既往,个人学习之用,独享翻译之过程而共享其结果,全部内容仅代表原文作者之观点。</p> <!--break--><h3> 元之七层(下)</h3> <h4> 第五层:去中心化</h4> <p><img alt="" src="/sites/default/files/images/2022/Decentralization.jpeg" style="width: 600px; height: 400px;" /></p> <p class="figure-caption">图片来自 AlinaGrubnyak@Unsplash</p> <p>实际上,元宇宙的理想结构与《头号玩家》当中的&ldquo;OASIS&rdquo;恰恰相反,因为后者完全由一个单一的实体所掌控。而当选项足够多,系统具备互操作性,并根植于由创作者掌控其个人数据及产出成果的充满竞争性的市场时,创作实验与市场增长才会有真正意义上的发展。</p> <p>分布式计算与微服务,为开发者们提供了扩展性强的生态体系,帮助他们轻松接入线上服务&mdash;&mdash;从广告系统,到人工智能,再到各种游戏系统&mdash;&mdash;而无需他们将精力放在如何创建或是整合各种后端逻辑上。</p> <p>软件间的价值交换,自主身份,以及内容与货币之间新的绑定或解绑方式&mdash;&mdash;所有这些在区块链技术的支持下成为可能,因此区块链自然是去中心化的重要组成部分。如今这个领域的一系列创新会被称为 Web 3.0。其中,金融资产将由中心化的控制与保管机制当中被解放出来;而在去中心化金融(DeFi)当中,我们已经见到货币乐高链接而成的应用案例。随着 NFT 的问世,以及区块链技术面向游戏及元宇宙体验所需的微交易体系而进行的优化,我们还将见到一大波围绕着去中心化市场及游戏素材应用所进行的创新。</p> <p>远边缘计算可以将云推近至我们的家庭,甚至是我们的车里,使之能以较低的延迟运行强大的应用程序,而不会由设备本身承担全部工作负荷。算力将会更类似于电网中的供电单元,而非数据中心。</p> <h4> 第六层:人机接口</h4> <p><img alt="" src="/sites/default/files/images/2022/Interface.jpeg" style="width: 600px; height: 401px;" /></p> <p class="figure-caption">图片来自 VuHoang@Flickr</p> <p>计算设备与我们身体之间的距离越来越近,使我们越发接近于赛博格(Cyborg)一般的存在。</p> <p>智能手机早已不再只是手机,它们是预安装了电话 app 的,高度便携而永远在线的强大计算设备。它们只会变得越来越强大。随着尺寸的进一步小型化,传感器与人工智能的进步,以及低延迟访问边缘计算系统的能力提升,这些智能设备将能纳入越来越多元宇宙相关的应用及体验。</p> <p>Oculus Quest 在本质上也可以说是重构成 VR 设备形态的智能手机。这种形态上的灵活性让我们能够对智能设备的未来走向有了大致的感知。</p> <p>不出许久,Quest 2 就会成为某种怀旧设备,就像我们如今看待曾经的大哥大那样。或许很快,能够同时运行 AR/VR 及如今智能设备应用程序的穿戴设备就会问世。实际上,如今已有很多类型的设备正在试验过程中,例如:</p> <ul> <li> 可以整合到服饰当中的 3D 打印可穿戴设备。</li> <li> 甚至可以被打印在皮肤上的微型生物传感器。</li> <li> 可能推广至民用化的脑机接口。</li> </ul> <h4> 第七层:基础设施</h4> <p><img alt="" src="/sites/default/files/images/2022/Infrastructure.jpeg" style="width: 600px; height: 397px;" /></p> <p class="figure-caption">图片来自 LauraOckel@Unsplash</p> <p>这个层面涵盖了一系列用于支持设备运行、联网及获取内容的相关技术。</p> <p>例如 5G 网络可以极大地提升带宽,同时有效降低延迟与资源争用。而 6G 则能将速度提升到另一个数量级。</p> <p>下一代移动设备,包括智能眼镜或其他可穿戴设备,必须具备更灵活的功能形态,更强大的性能,及更小的尺寸;因此,对于相关硬件在性能和尺寸上的诉求也将是持续性的,包括芯片、微机电系统驱动的微传感器,以及更小、更持久的电池等等。</p> <h4> 结语</h4> <p>元宇宙,本质上并非&ldquo;一个&rdquo;所谓的&ldquo;元宇宙&rdquo;。它是下一代互联网的形态,其所承载的丰富体验将全方位地围绕在我们身边&mdash;&mdash;既是指图形化的,也是指社会意义上的。</p> <p>或许会有越来越多所谓&ldquo;元宇宙主题公园&rdquo;出现,但真正意义上的,由去中心化及健全的创作者经济所驱动的&ldquo;元宇宙&rdquo;才更加名符其实和令人期待。</p> <ul> <li> 英文原文:https://medium.com/building-the-metaverse/the-metaverse-value-chain-afcf9e09e3a7</li> <li> 原文作者:Jon Radoff</li> <li> 译者:C7210</li> </ul> <p><img alt="" src="/sites/default/files/images/s/Banner-PS-BFW-3x.png" style="width: 500px; height: 128px; border: none;" /></p> </div></div></div><ul class="field_categories"><li class="product taxonomy-term-reference-0"><a href="/product" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品</a></li><li class="design taxonomy-term-reference-1"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li><li class="front-end taxonomy-term-reference-2"><a href="/front-end" typeof="skos:Concept" property="rdfs:label skos:prefLabel">前端</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li><li class=" taxonomy-term-reference-2"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/350" typeof="skos:Concept" property="rdfs:label skos:prefLabel">元宇宙</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/200" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品设计</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/351" typeof="skos:Concept" property="rdfs:label skos:prefLabel">去中心化</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/355" typeof="skos:Concept" property="rdfs:label skos:prefLabel">3D设计</a></li></ul> Mon, 21 Feb 2022 10:45:41 +0000 C7210 1115 at http://www.beforweb.com http://www.beforweb.com/node/1115#comments Apple Design Resources 新增硬件设备边框图形素材 http://www.beforweb.com/node/1111 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-wwdc-2019-apple-s.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Apple Design Resources 官方新增 Apple 各平台典型设备的硬件边框图形素材,包含标准的&ldquo;9:41&rdquo;演示状态栏供使用。目前提供 PNG 与 PS 格式。</p> <p>详见:<a href="https://developer.apple.com/design/resources/#product-bezels">https://developer.apple.com/design/resources/#product-bezels</a></p> <!--break--><p><img alt="" src="/sites/default/files/images/2022/Screen.png" style="width: 620px; height: 1035px;" /><br /> &nbsp;</p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/326" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Apple</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/340" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Apple Design Resouces</a></li></ul> Sat, 08 Jan 2022 08:56:36 +0000 C7210 1111 at http://www.beforweb.com http://www.beforweb.com/node/1111#comments Apple Design Resources 重要更新 http://www.beforweb.com/node/1108 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-wwdc-2019-apple-s.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Apple Design Resources 重要更新:iOS 与 iPadOS 界面组件库升级至15,界面字体更新至 SF Pro 现代风格变体,画布尺寸与硬件样框更新至 iPhone 13及 Pro,资源页面本身亦得到重新设计。</p> <p>详见:<a href="https://developer.apple.com/design/resources/">https://developer.apple.com/design/resources/</a></p> <!--break--><p><img alt="" src="/sites/default/files/images/2022/%E6%88%AA%E5%B1%8F2022-01-08%2016_34_31.png" style="width: 620px; height: 388px;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/326" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Apple</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/340" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Apple Design Resouces</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/341" typeof="skos:Concept" property="rdfs:label skos:prefLabel">iOS 15</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/342" typeof="skos:Concept" property="rdfs:label skos:prefLabel">iPadOS 15</a></li></ul> Tue, 26 Oct 2021 08:38:54 +0000 C7210 1108 at http://www.beforweb.com http://www.beforweb.com/node/1108#comments 十年了,Beforweb http://www.beforweb.com/node/1107 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/logo-icon-beforweb-ux-ui-design.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>十年了,呃。此时此刻翻看着2011年9月25日晚间在刚刚上线的 beforweb.com 发布的第一篇内容,&ldquo;<a href="http://beforweb.com/about" target="_blank">关于 Beforweb</a>&rdquo;,心情却平静的有些出乎意料。</p> <p>理应来上那么一句&ldquo;弹指一挥间,转眼就十年了呢简直毫无察觉&rdquo;一类。然而并不是。无论从哪个角度回头看这十年,&ldquo;时光&rdquo;这东西都充满了存在感。成长着,起伏而波折着,旅途一般前行着&hellip;丰盛着。</p> <p>时光真疯狂。</p> <!--break--><p>彼时的自己历经了作为网页设计师与前端工程师的五年,刚刚转入交互设计岗位。彼时的行业里&ldquo;UED&rdquo;的概念才开始普及开来,而自己连何时用草图沟通何时用线框稿演示方案都还分不太清。彼时的自己刚刚开始关注移动端设计,在资讯匮乏的环境中每天抱着 Apple 的 Human Interface Guidelines 狂学,周身每一个细胞都在无所不尽其极地享受着吸纳新鲜信息的快感;而十年后已将&ldquo;设计布道师&rdquo;作为职业而每天为开发者们传授解析着这套HIG。</p> <p>时光真够疯狂的不是吗。</p> <p>在还没有公众号的年代,要实现绝对个人化、独立化的个人媒介&mdash;&mdash;无论内容选材,还是风格气质&mdash;&mdash;自己通过 CMS 建站做博客似乎是唯一的解决方案(因此最初一两年的内容仅能在 beforweb.com 当中找到)。当时 Drupal 7 刚刚发布,仅博客前台页面模板自己就写了约一个月,在每天睡前一两个小时的时间里。上线后的第一条留言:</p> <blockquote><p>&ldquo;坐沙发恭喜,要坚持哦&rdquo;</p> </blockquote> <p>想对你说:谢谢支持,我已坚持了十年。</p> <p>十年间,从《iOS Wow Factor》、《触类旁通》、《设计体系》这样的全书翻译,到 iOS 和 watchOS HIG 的本地化,到各种译文、随笔、Ask Me Anything、访谈、案例分析、资源介绍&hellip; 从响应式设计,到移动端交互,到 VR/AR 和 Unity,到 Machine Learning 体验设计,到职业成长,以及&ldquo;About a Designer&rdquo;&hellip; 连同庞大繁杂的 Sketch 组件库也做了那么三四个的样子。</p> <p>在心底轻轻和自己说了一声&ldquo;哇哦&rdquo;。此时此刻无数和这些内容相关的情景像跑马灯一般在眼前忽闪而过&mdash;&mdash;在有家的时候,在每个周末只能逃去公司的时候,在独自泡在咖啡店和图书馆的时候,在有朋友陪伴的时候,在推推还在的时候,在只有斑斑窝在身边的时候&mdash;&mdash;可惜这些画面只有自己可以看到,无法分享给你们。</p> <p>你们&mdash;&mdash;有些从十年前就开始在这里,有些则是新朋友;有些日常就在 Beforweb 群里带薪群聊,有些常年潜水,也有些来了又走了。</p> <p>来了又走了,这十年间逃不开的人生主题。你看,无论怎样,这样一个&ldquo;绝对个人化、独立化的个人媒介&rdquo;,才是经过时间验证而常在自在的,不是么。这样常在而自在的存在,让我收获到了见闻和知识,收获到了专业技能,收获到了由点而连接成线的越发清晰的职业路线,收获到了行业内外成千上万的人与人之间的互动关联。我很开心和满足了。感谢你们,也感谢自己。</p> <p>不说什么&ldquo;下一个十年如何如何&rdquo;,我约么也还是只做着这些事而已,如果可以。像《爱死机》之《Zima Blue》里的小机器人一样终日擦拭着泳池里蓝色的壁砖,这已足够美好了。</p> </div></div></div><ul class="field_categories"><li class="product taxonomy-term-reference-0"><a href="/product" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品</a></li><li class="design taxonomy-term-reference-1"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li><li class="front-end taxonomy-term-reference-2"><a href="/front-end" typeof="skos:Concept" property="rdfs:label skos:prefLabel">前端</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li><li class=" taxonomy-term-reference-1"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/339" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Beforweb</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/32" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UED</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/36" typeof="skos:Concept" property="rdfs:label skos:prefLabel">交互设计</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/79" typeof="skos:Concept" property="rdfs:label skos:prefLabel">HIG</a></li></ul> Sat, 25 Sep 2021 09:27:02 +0000 C7210 1107 at http://www.beforweb.com http://www.beforweb.com/node/1107#comments Apple “设计与开发加速器”近期线上活动 http://www.beforweb.com/node/1105 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-wwdc-2019-apple-s.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>难得一次以私济公,为团队工作挂张海报。</p> <p>&ldquo;设计与开发加速器&rdquo;是 Apple 官方面向大中华区的开发者而长年举办的线上/线下学习交流活动,为开发者提供独一无二的机会与 Apple 的设计和技术专家进行交流学习,帮助开发者运用 iOS、iPadOS、watchOS 和 macOS 平台上最前沿的技术创建最创新的 app。</p> <!--break--><p>近期线上活动:《设计的可发现性》</p> <p>活动包含主题演讲及一对一咨询,欢迎各位设计师及技术开发同学报名参加(您须是位于大中华区的付费 Apple Developer Program 成员)。</p> <p>报名截止时间:2021年8月20日。报名方式见下方海报二维码。</p> <p><img alt="" src="/sites/default/files/images/2021/disdes.png" style="width: 540px; height: 719px;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/326" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Apple</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/336" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Apple Developer</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/337" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计开发加速器</a></li></ul> Thu, 19 Aug 2021 10:13:10 +0000 C7210 1105 at http://www.beforweb.com http://www.beforweb.com/node/1105#comments HIG 重要新增内容 http://www.beforweb.com/node/1102 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-wwdc-2019-apple-s.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Human Interface Guidelines 重要新增内容:</p> <ul> <li> Inclusion</li> <li> SharePlay</li> <li> Right to Left</li> <li> Spatial Interactions</li> <li> Location Button</li> <li> ...</li> </ul> <p>详见:<a href="https://developer.apple.com/design/whats-new/" target="_blank">https://developer.apple.com/design/whats-new/</a></p> <!--break--><p><img alt="" src="/sites/default/files/images/2021/0-6.jpeg" style="width: 620px; height: 339px;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/326" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Apple</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/79" typeof="skos:Concept" property="rdfs:label skos:prefLabel">HIG</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/327" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Human Interface Guidelines</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/330" typeof="skos:Concept" property="rdfs:label skos:prefLabel">SharePlay</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/331" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Location Button</a></li></ul> Tue, 08 Jun 2021 09:12:09 +0000 C7210 1102 at http://www.beforweb.com http://www.beforweb.com/node/1102#comments 2021 Apple 设计大奖细分维度 http://www.beforweb.com/node/1101 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-wwdc-2019-apple-s.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>2021 Apple 设计大奖细分维度:Inclusivity,包容性设计;Delight and Fun,愉悦与趣味;Interaction,交互体验;Social Impact,社会影响;Visuals and Graphics,视觉外观与图形;Innovation,创新性。</p> <p>详见:<a href="https://developer.apple.com/cn/design/awards/" target="_blank">https://developer.apple.com/cn/design/awards/</a></p> <!--break--><p><img alt="" src="/sites/default/files/images/2021/0-5.jpeg" style="width: 620px; height: 326px;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/326" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Apple</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/328" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Apple 设计大奖</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/329" typeof="skos:Concept" property="rdfs:label skos:prefLabel">ADA</a></li></ul> Wed, 02 Jun 2021 08:59:36 +0000 C7210 1101 at http://www.beforweb.com http://www.beforweb.com/node/1101#comments 像是很久没有发文了? http://www.beforweb.com/node/1096 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-ux-ui-question-guess.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>像是很久没有发文了?我都快想念我自己了。半年来,大家可都安好?&ldquo;About a designer&rdquo;的最近一篇草稿也躺了几个月的样子。工作忙碌而奔波着,头脑中的钟却像停滞了一般,这样的感觉很微妙。再次,大家可都安好?</p> <!--break--><p><img alt="" src="/sites/default/files/images/2021/0.jpeg" style="width: 620px; height: 348px;" /></p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/303" typeof="skos:Concept" property="rdfs:label skos:prefLabel">About a Designer</a></li></ul> Fri, 23 Apr 2021 08:22:07 +0000 C7210 1096 at http://www.beforweb.com http://www.beforweb.com/node/1096#comments About a Designer (5) “基础”不简单 http://www.beforweb.com/node/1093 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-c-smile-face-emotional-deisgn-personality-user-experience.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Beforweb 重新开动的时候说起&ldquo;About a Designer&rdquo;也会继续,那么我们继续。<br /> ​<br /> 前情回顾下?去年 12 月完成了第一章内容,关于我&ldquo;从手机销售到网页设计师&rdquo;的转行历程&mdash;&mdash;从<a href="http://beforweb.com/node/1064">第一代触屏智能手机</a>,到<a href="http://beforweb.com/node/1065">野蛮自学立志转行</a>,到<a href="http://beforweb.com/node/1075">艰难维生进退维谷</a>,最终幸运地抓住机会<a href="http://beforweb.com/node/1077">成为网页设计师</a>,故事告一段落。</p> <p>然而在最初的&ldquo;广而告之&rdquo;当中,预计会叨念的还不止这些;接下来的更多内容应该会试着围绕一个个话题展开,而不再以流水账大故事作为驱动了。</p> <!--break--><p><img alt="" src="/sites/default/files/images/202010/IMG_4369.jpg" style="width: 600px; height: 338px;" /></p> <h3> &ldquo;基础&rdquo;不简单</h3> <p>几周前收到一份 widget 的设计稿。形式很简单,medium 规格,上下两组内容单元,各自包含一行标题和一行描述,逻辑如下:</p> <ul> <li> 标题 A</li> <li> 描述 A</li> </ul> <ul> <li> 标题 B</li> <li> 描述 B</li> </ul> <p>然而我第一眼看到之后的印象却是:</p> <ul> <li> 标题 A</li> </ul> <ul> <li> 描述 B</li> <li> 标题 B</li> </ul> <ul> <li> 描述 C</li> </ul> <p>很明显,&ldquo;描述 A&rdquo;本应与&ldquo;标题 A&rdquo;保持较近的距离,形成逻辑上的分组;但设计稿中的&ldquo;描述 A&rdquo;却和&ldquo;标题 B&rdquo;过近,以至于使人误认为它是&ldquo;内容 B&rdquo;的描述信息;而原本的&ldquo;标题 A&rdquo;与&ldquo;描述 B&rdquo;被错误的距离所分隔,于是形成了各自独立的感知。</p> <p>毕竟来自正经产品团队,设计师大体具备最基本的专业度,这类基础性的问题理应避免。每每遇到这类情况,我总会想到那本《写给大家看的设计书》。</p> <h4> 我的第一本&ldquo;设计书&rdquo;</h4> <p>正如在<a href="http://beforweb.com/node/1077">上一篇</a>当中聊到,我在 2006 年 4 月加入博客大巴,成为一名网页设计师。当时的主要工作是设计制作博客模板&mdash;&mdash;即便十四年之后的如今回想起来,这份工作也仍然很棒&mdash;&mdash;职责之一是设计模板的主题外观,天马行空挥洒想法,只要气质符合博客大巴的整体基调;职责之二就是自力更生完成所有前端代码,还原设计方案,并且兼容包括 IE 6 在内的各种主流浏览器&mdash;&mdash;如此具有综合性与挑战性的工作。</p> <p><img alt="" src="/sites/default/files/images/202010/IMG_7151.jpg" style="width: 450px; height: 450px;" /></p> <p class="figure-caption">如今只能通过历史快照工具来回顾十四年前的工作成果</p> <p>作为一个&ldquo;一定要很努力&rdquo;的新手,在第一年里,我更多是在游泳中学习游泳&mdash;&mdash;设计方面,参考着 CSS Zen Garden 等网站进行了大量的模仿练习,无论是&ldquo;感觉&rdquo;还是PS、Illustrator 的水平都有了不少提升;前端方面,&ldquo;标准化 Web 开发&rdquo;方面的书也正经开始学习起来,转手实践到自己的设计里,页面写得越来越健壮灵活。但所有这些&ldquo;学习&rdquo;,更像是在忙着应对这份让我感到非常兴奋而又陌生的工作;我仍然没有去学习一些真正意义上关于&ldquo;设计&rdquo;的东西。</p> <p>博客模板这种东西,主题风格与视觉创意只是&ldquo;设计&rdquo;当中的一部分;真正决定了用户是否愿意长久使用的,还是文本内容方面的呈现质量,包括日志本身以及侧边栏里的信息等等。在&ldquo;应对&rdquo;这份工作一年多之后,我越发频繁地感到内容部分总是哪里不对。正像第二篇里所说,&ldquo;对我来说,学任何东西似乎都是持续往复着这样的循环&hellip;先上手,再矫正收归,继而保持迭代&rdquo;,于是我估摸着到了该收归经验和补充理论知识的时候了。</p> <p>学习理论自然从读书开始。买来一批&ldquo;设计书&rdquo;,每晚约 10 点至夜里 1 点,坐在客厅一边陪着一只叫做斑斑的幼猫&hellip;一边狂读&mdash;&mdash;2007年秋天,刚刚开始养斑斑,出于安全考虑先将它和推推隔开,单独养在客厅;又怕隔离太孤独,于是这样每晚坐在客厅读书,也算给它个陪伴。上手的第一本便是《写给大家看的设计书》,约莫当时从书名判断够初级,缺乏学科背景的人也不会有什么阅读障碍一类。</p> <p><img alt="" src="/sites/default/files/images/202010/IMG_1033.jpg" style="width: 450px; height: 600px;" /></p> <p class="figure-caption">当年的幼猫,如今也已十三岁</p> <p>回头看来突然发现,自从养猫开始,学习方式也健康了很多嘛,不再像卖手机时期那样摧枯拉朽的自毁了;平静的甚至有些禅意嗯。</p> <p>印象里就是开悟了,&ldquo;原来是这么回事哦&rdquo;这样。&ldquo;亲密性&rdquo;,&ldquo;对齐&rdquo;,&ldquo;重复&rdquo;,&ldquo;对比&rdquo;&mdash;&mdash;读过这四点简单的原理,抬头再去看网页,博客,包括书籍杂志、印刷品&mdash;&mdash;凡是涉及通过文字内容传递信息的载体,原来里面都蕴含着这些最基本的规则&mdash;&mdash;原来这些全部都是有意设计过的;而那些设计不当的内容,其中的问题也变得一目了然,包括自己在第一年里设计的那些博客模板&mdash;&mdash;要么是内容表现出的分组关系没有正确体现它们之间的逻辑关系;要么是文本的对齐方式缺乏统一性或有意的差异性;要么是没有通过正确的重复模式来传达信息的类型逻辑;要么是没有综合运用多种设计元素来构建信息的层次与对比,进而难以体现内容的主次关系。</p> <p>而当我试着遵照这些原理规则去调整页面里的文本内容样式时,我发现了三方面的收益:</p> <ul> <li> 以上这些问题逐渐得到解决,页面看上去越来越&ldquo;对&rdquo;了。</li> <li> 这让我开始更多地从目标用途、重要性和逻辑关系的角度来打量各种类型的信息,而不再只是简单地把它们看作&ldquo;文本&rdquo;。</li> <li> 从前端实现的角度,也越来越理解元素语义的重要性&mdash;&mdash;信息的逻辑关系一定是可以体现在高度语义化的 HTML 代码里的。</li> </ul> <p>坦诚讲,那时我甚至不确定也并没有很在意这本书里的内容是否真的属于所谓的&ldquo;设计原理&rdquo;,因为它们看起来太朴实无华且显而易见了。但我非常确定这些东西会让页面内容不仅看起来更&ldquo;漂亮&rdquo;,同时读起来也更轻松,更容易快速地甚至是下意识地理解信息的性质与含义。</p> <p>想到 Mike Stern 在 2017 年 WWDC 上讲过的一句话,&ldquo;或许你会觉得这些原理看起来非常基础或是显而易见,但在很多时候,意义最为深远的,往往正是那些看上去非常简单的东西。&rdquo; 就是这么回事。这里也为各位推荐&ldquo;<a href="http://beforweb.com/node/1051">图文版 WWDC 设计分会:基础设计原理</a>&rdquo;这套内容。</p> <p><img alt="" src="/sites/default/files/images/202010/mike.png" style="width: 600px; height: 334px;" /></p> <p class="figure-caption">&ldquo;基础设计原理&rdquo;,WWDC 2017,Mike Stern.</p> <h4> 基础问题?</h4> <p>直到如今我也认为以上这些基础到有些朴素的&ldquo;规则&rdquo;是设计师最基本的职业能力之一。然而事实是,那之后的十四年间,直到如今,我们仍然会时不时就在这样那样的产品界面或其他信息媒介当中发现大大小小的脱离不开这些基础范畴的问题,包括本文开头提到的情形。</p> <p>我从不愿把原因归结为&ldquo;设计师的基本能力缺失&rdquo;一类,理由很简单&mdash;&mdash;我是一个依靠胡乱自学和莫名其妙的运道从手机销售转行到互联网设计的门外汉,<strong>我在很长一段时间内都真心相信我所具备的意识与能力应该是这个行业的下限,是所有设计或相关专业出身的设计师所必然具备的</strong>;我更愿意相信这类状况多数是因为如今的设计师们必须将更多精力放在相对&ldquo;高阶&rdquo;的问题当中,例如利用缜密的数学手段研究用户行为,终日处理复杂的业务逻辑和服务流程,或是打磨风格化的视觉效果等等,因而在无意中忽略了一些相对基础的东西。</p> <p>但从某种角度来说,这也意味着&ldquo;基础&rdquo;并不简单,至少不会简单到无需投入心思就能正确实现的程度。我所反复念叨的&ldquo;基础&rdquo;,在我个人看来更接近于&ldquo;essential&rdquo;,即&ldquo;基本而必要的,重要而必不可少的&rdquo;,而非&ldquo;basic&rdquo;或&ldquo;junior&rdquo;这类&ldquo;初级&rdquo;概念。</p> <p>或许&ldquo;基础&rdquo;的中文表意确实容易让人产生误解。过去在和一些年轻朋友合作的过程里,每每发现类似的问题,我都会絮絮叨叨各种&ldquo;基础&rdquo;、&ldquo;基本能力&rdquo;、&ldquo;常识&rdquo;一类字眼儿,以至于一些同学真的感到被侮辱,甚至可能,哭了。简直仿佛这年头&ldquo;基础&rdquo;已经成了骂人的词儿。</p> <p>我这些年来得罪过的行业中人倒是不在少数。捂嘴笑。但因为这么一个词儿而得罪甚至是伤害到一些设计师朋友,也着实划不来。不,我或许不该甩锅给&ldquo;词语的中文表意&rdquo;一类;问题恐怕还是出在我的表达方式上。我猜。我在这些场景中或许更多是以最直白快速益于解决问题的方式,而非通过循循善诱令人易于接受的方式,来温和而婉转地传达信息。我猜。</p> <p>但有一点我很确定&mdash;&mdash;如果你读过第一篇当中关于我当年艰难转行的经历&mdash;&mdash;我在十四年前身为一个手机销售,每天夜里像一只可笑又可怜的没头苍蝇一样鲁莽自学设计的时候,盲目乐观裸辞在家自我感觉良好地做着所谓的网站设计和习作的时候,一次一次面试失败而毫无头绪几乎彻底绝望的时候&mdash;&mdash;回想所有这些,我真的好希望那些时候能有个在行业里还算有些经验的人,来为我这个门外汉指出所有的&ldquo;基础&rdquo;问题,来告诉我缺乏哪些基本素养与知识;<strong>纵使这个人的态度再直白再严厉再不留情面,我也会由衷地感到庆幸与感恩</strong>。</p> <p>说到这里突然开始有些沮丧。无意继续言语。</p> <p>本文仅关于个人经历与相关看法,而非特定书籍的推荐,且仅代表个人观点。</p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li><li class="front-end taxonomy-term-reference-1"><a href="/front-end" typeof="skos:Concept" property="rdfs:label skos:prefLabel">前端</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li><li class=" taxonomy-term-reference-2"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/303" typeof="skos:Concept" property="rdfs:label skos:prefLabel">About a Designer</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/248" typeof="skos:Concept" property="rdfs:label skos:prefLabel">职业成长</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/307" typeof="skos:Concept" property="rdfs:label skos:prefLabel">网页设计</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/314" typeof="skos:Concept" property="rdfs:label skos:prefLabel">博客</a></li></ul> Sun, 18 Oct 2020 11:57:27 +0000 C7210 1093 at http://www.beforweb.com http://www.beforweb.com/node/1093#comments 小别 http://www.beforweb.com/node/1088 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/logo-icon-beforweb-ux-ui-design.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>​Hello 各位,还有一周就是春节了,给大家拜个早年。十二生肖轮回到起点,很好的寓意,是全新的开始。</p> <p>由于接下来工作及个人方面的一些原因,我决定暂时停下 Beforweb,包括公众号和博客在内,都会在一段时间内稍作休整;同时所有的 WireframeKit 也会下架,且暂时不再提供更新,还望理解。</p> <p>是休整而非关停,这还请各位放心。这边所有的过往内容,包括公众号和 Beforweb.com 都还在。只是接下来的工作方向相比于过去十多年会稍稍有些变化,可能会更多地聚焦在面向开发者的交流协作方面。我个人需要一些时间去调整和适应,同时也要考虑清楚如何让 Beforweb 更契合新的方向。</p> <!--break--><p><img alt="" src="/sites/default/files/images/202001/IMG_0604.jpg" style="width: 500px; height: 500px;" /></p> <p class="figure-caption">新的&ldquo;麦田守望者&rdquo;徽章。依然在路上。</p> <p>只是想想看如果连个招呼也不打就那么默不作声地暂停输出,对将近十年来一直支持我的各位来说实在难以交代,所以今天做一个像样的告知吧。我不会离开这个江湖很远,说不定还会看得更清晰全面,并且为更健康的设计开发生态建设贡献更多力量和价值。这是我的愿望,一路未变。</p> <p>希望来年早些再见,并能以更多的方式为各位带来更多的优质内容。</p> <p>大致这样,小别先。</p> </div></div></div><ul class="field_categories"><li class="product taxonomy-term-reference-0"><a href="/product" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品</a></li><li class="design taxonomy-term-reference-1"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li><li class="front-end taxonomy-term-reference-2"><a href="/front-end" typeof="skos:Concept" property="rdfs:label skos:prefLabel">前端</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/news" typeof="skos:Concept" property="rdfs:label skos:prefLabel">时讯</a></li><li class=" taxonomy-term-reference-2"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/31" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UX</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/36" typeof="skos:Concept" property="rdfs:label skos:prefLabel">交互设计</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/115" typeof="skos:Concept" property="rdfs:label skos:prefLabel">视觉设计</a></li></ul> Sat, 18 Jan 2020 10:10:36 +0000 C7210 1088 at http://www.beforweb.com http://www.beforweb.com/node/1088#comments