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

线框原型

全新 Sketch 组件库“Ecommerce”上架 »

​Hello 大家,WireframeKit for Sketch 系列的第四款组件库“Ecommerce”正式发布上架。

不同于系统原生风格的“iOS 13”库,以及社交产品风格的“Social”库,“Ecommerce”聚焦于电商类界面设计模式。基于一系列国内主流的电商 app,“Ecommerce”提炼了超过360个界面组件,90余个常用图标,22个典型页面范例及详细的组件替换清单,以期快速满足实战需求,减免改造负担,并提升参考学习价值。

WireframeKit 组件库免费升级至 iOS 13 »

Hello 各位安,C 我自制的 WireframeKit for Sketch (iOS) 组件库已升级至 iOS 13。

一如既往,老用户们仍然免费升级,直接使用购买时收到的下载链接与密码即可获取最新文件。还没有使用过 WireframeKit 的朋友可以在后文的简介当中稍作了解先。

此次更新的主要内容包括:

WireframeKit for Sketch 免费更新 »

​Hello 各位,WireframeKit for Sketch 更新喽,Social、iOS 12、Impart 都有涉及,老朋友们可以关注一下;一如既往,更新全部免费。还不了解 WireframeKit 组件库的朋友可以参考后文的简介。

这次更新主要针对的是 Sketch 在大版本 53 当中提供的一项重要功能,即 Symbols 覆写管理功能(Manage Overrides)。

组件库物语 - Sketch Hack 之浮动居中 »

要到圣诞了。买了一套巴赫的圣诞清唱剧黑胶套装送给自己做礼物,希望可以快些拿到。说起来真想试试直播呢,譬如就让唱片或老磁带在那边旋转发声。

我说吧,2018真的就剩下这么几天了;近来看到有朋友认真地写了年度总结,突然发现自己竟然完全没有心情做复盘,很是惭愧。超戏剧性的一年,有坑有雷,也有着近在咫尺可期许的理想;有丰盛的产出,也有空洞的日夜;岂能不做总结呢。看心情吧。

组件库物语 - 通用性与易用性的权衡 »

周日晚间,“猎户星座”,全家便利店的美式咖啡,酝酿着困倦与新一周的未知,初冬的天气却毫不冷静。“有时你乘起风,有时你沉没,有时午夜有彩虹”。

一周前上架了新的 Sketch 组件库,也就是聚焦于社交类产品设计需求的 WireframeKit “Social”,同时也开始以这样的形式进行总结,包括思路、原则、工作方法、细节技巧等等;复盘于己,分享于人。

组件库物语 - 定义目标,以小为始 »

Hello 各位周五好,一周又要过去了;眼看着一年也只剩下最后一个月了。

本周上架了 WireframeKit for Sketch 系列的第三款组件库,“Social”。库如其名,聚焦于主流的社交类设计模式;和之前的系统库或概念库不同,这次完全基于市面上的真实产品,提炼了大量典型元素打造而成。

全新“Social”组件库上架,附赠《设计体系》全书译文 »

Hello 大家,WireframeKit for Sketch 系列的第三款组件库“Social”正式发布上架。

不同于系统原生风格的“iOS”库,以及概念设计风格的“Impart”库,这次的“Social”完全基于真实产品打造,聚焦于主流的社交类设计模式,提炼了超过180种界面组件,110余个常用图标,13个典型页面范例及详细的组件替换清单,以期快速满足实战需求,减免改造的负担,并提升参考学习价值。

关于设计保真度的难题 »

编者按:偷看了一眼上次的更新,约莫还是在两周前;中间忙一些事务,读一些书,又去宝岛休假了一周,差不多就是这样了;出行期间略有感触,接下来找一期单聊吧。之前有朋友问到博主你平时的状态是怎样的怎么能如此飘逸,我觉得还是要看主观意识真正希望将生活状态拉向何方了,客观未必绝对。

这次呈上Beforweb合作作者SL的译文,“The Design Fidelity Conundrum”,原文来自IBM的设计师,探讨如何选择设计产出的保真度;我就不在编者按里多废话了,回头再聊。 - C7210

关于设计保真度的难题 - 在寻求用户反馈时,怎样的设计保真度最合适?

十佳应用的故事(1) - 想法、产品定义与交互设计 »

眼看着进入8月下旬,天气相比前面几周有所凉爽;所谓凉爽,也只是高温从40来度降到36、7度的样子。

刚刚过去的几天怕是要成为人生回忆当中的经典之一了。依次看掉Metallica和Korn的现场,回想起来,有好多像梦一样不那么真实的情景在里面:夏季的夜晚、暴躁的吉他音墙、灯光、嘶喊、摇摆、泪水、满眼的黑T恤和金属礼、散场后打不到车而坐在路灯下抽烟到半夜...然而,如果要我判断,是现在这样安静的坐在屋里吹着空调做博客更像真实的存在,还是那些回忆里的东西更像,我真的难以回答。

想吃曼妥思了。说正经的。本周及接下来一周的话题,原文来自Jeremy Olson,北卡罗来纳州大学生一枚,Languages的作者。关于产品是如何从想法概念开始最终走向市场,他所谈到的一些经验和实践方法,值得借鉴。

这里进入译文。之所以写这篇文章,是因为我相信,相比于失败,我们能从成功当中学到更多。爱迪生在发明电灯泡的过程中经历了数千次的失败,如果我们仍然要基于各种试验和错误来重新发明灯泡,那简直是愚蠢的。怎样从成功的产品中汲取经验?如今我们有了完整的实践模型。

移动应用产业当中有非常多的闪光点。虽然我很想说我的成功源于自己的才能,但事实并非如此。经过对那些在App Store当中获得成功的独立开发者的反复学习,我掌握了一些用来获取成功的基本原则和实践方法;我也希望这篇文章可以帮助各位读者学到同样的东西。

UX基础 - OmniGraffle新手指南 »

我发现一事儿,就是最近这些年,每到入职一个新公司的时候,听得东西往往会比多数时候听得更重更金属些,此时以Slipknot和大敌为代表,所爱的东西也会更黑一些,激烈而凶猛的黑,并非Grunge所带来的那类绝望而压抑的黑。

话说这是一个难得的不用把工作带回来做的周末,加之昨天又过了个酒精+尼古丁+Rock N' Roll的周五放纵之夜,今天整个人有点倦怠;天气也阴晦着,毫无违和感。最近也许会做几篇与OmniGraffle相关的话题,希望能给用的着的朋友们带来些参考;今天是一篇很基础的入门小文。走起吧。

这里进入译文。OmniGraffle是一款相当全面的工具,用途很广泛,不过今天我们主要侧重在了解怎样使用它来制作线框图。我(英文原文作者)个人在这方面尝试过很多软件,坦诚的说,没有一款是真正完美的,包括OmniGraffle,但它在综合能力及效率方面的表现确实是最让我满意的。

不过首先,我还是想提及OmniGraffle的两点不足。一是它并不擅长于生成完美的可交互原型,当然,你还是能够制作可点击的界面原型的,譬如在某些情况下显示或隐藏某些图层,或是切换界面等等;另外一点就是这款软件只能运行在Mac当中。

Pages