BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

视觉设计

设计 Widget - Logo 与品牌识别 »

今晚熬个夜呗。那上次聊过了避免功能化的问题,今天简单聊下 logo 与品牌识别,这也是在实践当中非常容易出现状况的小地方。

首先,关于 logo,主要涉及两个点:

  • 要不要加 logo?
  • 如果要,如何加?

官方的内容资源对这两个问题都给到了明确的指导建议。对于第一个问题,WWDC20 “设计绝妙组件” 视频(注1)的 14:58 处:

设计 Widget - 避免“功能化” »

Beforweb 从这里开始突然就继续了。

今后也不想再像过去那样开篇先码出约莫八千字的意识流。尝试尽快进入主题。若必须念叨些有的没的,也一律写在主题内容之后好了。

从今年新的 widgets,即“小组件”说起。公布已有两个多月,想必各位不再陌生。从目前了解到的一些基于真实产品而设计的 widgets 来看,大家多多少少都会遇到一些典型问题;确实难免,本就是新的特性,每个 app 都需要摸索试探,即便 HIG(注1)提供的设计原则也难以覆盖到所有真实产品可能涉及到的特定问题。

小别 »

​Hello 各位,还有一周就是春节了,给大家拜个早年。十二生肖轮回到起点,很好的寓意,是全新的开始。

由于接下来工作及个人方面的一些原因,我决定暂时停下 Beforweb,包括公众号和博客在内,都会在一段时间内稍作休整;同时所有的 WireframeKit 也会下架,且暂时不再提供更新,还望理解。

是休整而非关停,这还请各位放心。这边所有的过往内容,包括公众号和 Beforweb.com 都还在。只是接下来的工作方向相比于过去十多年会稍稍有些变化,可能会更多地聚焦在面向开发者的交流协作方面。我个人需要一些时间去调整和适应,同时也要考虑清楚如何让 Beforweb 更契合新的方向。

Apple 设计大奖的设计之道 (4) 包容性与细节 »

​习惯于在这样特定的日子向前回想去年这个时候在哪呢,前年呢,再前年呢;看看最远能记到哪一年。总会有些节点清晰得好像昨天,甚至连同声音和温度都保留在记忆里;另一些又无论如何也无法拼起完整的图景。

新年快乐喽,今天过去之后就是这个世纪的二十年代了,有趣,咱们还在一周一周地琢磨互联网啊手机啊这些介质的产品设计呢,十多年如一日。不知道下一个主流范式会是什么,又会在何时到来。可别信那些标题党。

继续“设计大奖”系列,今天完结掉。在上一篇中,来自布道者团队的两位主持人以三款游戏和一款 app 作为案例探讨了“美观性”在产品中的作用,错过的朋友不妨回看。今天来聊最后两个话题:“包容性”和“细节”。

Apple 设计大奖的设计之道 (3) 美观性 »

今年的最后一个周末喽。不记得有多久没在周六做过更新了;上次这样在周六晚间琢磨着“发掉公众号之后去吃个汉堡吧”似乎还是 2016 年了?真是即无聊又让人觉得有趣的很。

发掉公众号之后去吃个汉堡吧。蛮希望在 2020 年来到之前把这套“设计大奖”结束掉的,不留小尾巴到新年才好;接下来或许会做机器学习方面的话题。想必又会是吃力不讨好的内容类型了。捂嘴笑。不过我什么时候在乎过用内容讨好谁了。微笑。

那么继续,上一篇中,来自布道者团队的两位主持人通过一款 app 和一款游戏的案例阐述了“精益求精”的重要性,错过的朋友不妨回看。今天是关于外观美学的话题。

Apple 设计大奖的设计之道 (2) 精益求精 »

​今晚是平安夜了呢,美丽克里斯马嘶 ~ 突然发现已经不再像从前那样期待什么节目或是礼物一类,反而对“平安喜乐”这件事本身有了最为朴素的期待和追求。

“都会好的,总会有的,关于未来,就请你坦然。”

看到圣诞树啊鹿啊球球啊什么的会觉得还蛮温暖红火的,这样的日子越多越好嘛,管它什么节日不节日的。

继续 WWDC 设计分会之“设计大奖的设计之道”。上一篇中,来自布道者团队的两位主持人介绍了两款 app 和一款游戏的案例,错过的朋友不妨回看。今天是关于迭代的话题。

Apple 设计大奖的设计之道 (1) 创新与信任感 »

​不大相信 2019 年还有十几天就要结束,分明前几天才刚刚念叨过“元旦假期过得如何啊”一类。总的来说大体就是个符合生活本质规律的年份吧。屏幕对面的各位又如何呢?

这一年的末了竟然开始写一些看起来像是回忆录的东西,这是没有想到的。是的 About a Designer 的第一章完结之后,我又回来继续做“图文版 WWDC 设计分会”系列的第四个主题了。

类似以往,2019年的 WWDC 宣布了一系列“Apple 设计大奖”得主,app 与游戏都有涵盖;设计布道者团队也通过一场单独的设计分会为世界各地的开发者们讲述了大奖得主在设计方面的优异之处。这就是我们接下来的话题,今天开始第一部分。

About a Designer - 广而告之 »

​“黑色梦中”,《黑梦》,窦唯。

前面几个月连续做了三套“图文版 WWDC 设计分会”,有点像接连吃硬菜的感觉,于是开始给自己放放假;看展,排练,录录 demo,着手新的 WireframeKit,等等;闲暇时间全部用来如此自由行事,也是难得的自在。

也不能一直停更,却也没什么很想去写和译的。某晚听着 Nirvana 放空着回想着十年前此时在做什么项目,记忆还蛮清晰的,一点没有老年痴呆的前兆。“那么就写写过去这十多年的从业故事吧”,突然这么决定下来。

iOS 13 设计指南:深色模式篇 »

很久没做官方的设计指南喽,上一次莫非还是2017年的 ARKit?毕竟此次深色模式非常重头,对界面设计相关工作带来的改变还是蛮大的;加之其他一些相关更新同样出彩,所以今年应该会零星选择几篇 HIG 来做译。

上周的一篇“暗黑模式设计原则浅谈”泛泛地介绍了一些背景与高层原则,而官方的指南更侧重于细节层面,虽然篇幅较短,但仍然可以帮助你在真正上手新系统及深色设计之前,对相关设计原则,特别是颜色的适配机制与方法进行了解。同时也建议各位观看本次 WWDC 相关讲解视频,理解会更加全面。

本文译自 iOS Human Interface Guidelines

暗黑模式设计原则浅析 »

黑夜给了我黑色的眼睛什么的。周三夜间,明天之后便是端午假期,提前祝各位安康。

iOS 13 不出意外地带来了暗黑模式。我的第一反应是:待到九、十月份系统正式推送的时候,WireframeKit 组件库要做超大更新了;连同“iOS”、“Social”及近期可能上架的新库应该都会包含在内;如果不出意外,同样会是一如既往的免费升级。

还不了解 WireframeKit Sketch 组件库的朋友们可以到这边稍做了解先

接下来说正事儿了。近来正好读到这样一篇文章,关于暗黑模式设计原则的一些探讨,值得一读;今天便带来译文。话说年底要上映的最新一部《终结者》叫做“Terminator:Dark Fate”,黑暗命运,也很妙呢。

Pages