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

Beforweb Store

全新组件库 WireframeKit for Sketch - Impart 上架 »

不久前与鹅厂老同事合作了一个关于艺术画作与创意灵感的App概念设计项目,“Impart - iOS App Design Concept”,涵盖视觉设计、交互动效、Logo设计等多方面要素,特别是卡片/画廊形式的界面元素尝试;详情请移步Behance上的案例展示

在项目中,我基于之前的系统级组件库 WireframeKit for Sketch (iOS 11) 制作了相关线框原型,并进一步优化整理成这套全新的应用级线框稿组件库,WireframeKit for Sketch - Impart。

怎样使WireframeKit组件库变得更好? »

各位新年好。虽然不是正日子,氛围却已如此了,拜早年先。

发了半年多的WireframeKit for Sketch近来也更新到iOS 11版本了(老用户免费升级),接下来一年的上新计划也一点点制定了起来,希望新的产出可以更加丰富、实用,更加产品模式化,突破以元模式为主的系统原生层面。

与现实中的产品设计流程类似,在迭代开始之前,还需经由必要的调研才能进入更细化的目标定位与需求分析阶段。因此希望向各位购买过WireframeKit for Sketch的朋友们进行了解:大家平时是怎样使用这套组件库的?

WireframeKit for Sketch 现已升级至 iOS 11 »

去年在 Beforweb 微店上架了 WireframeKit for Sketch (iOS) 线框稿组件库,半年多以来不断有朋友惠顾,好评率100%,也是非常感谢大家的支持了。

近两个月来断断续续地在抽空进行版本升级 (iOS 11),如今终于完成。字体、系统组件、图标、范例界面均升级扩充,完美适配iPhone X,可以上架了,老用户就免费更新吧。

不怎么说闲话,我们直接进入主题,本文包含以下部分:

Befoweb 订制书签与《触类旁通》译者赠言套装 »

最近在捣鼓 WireframeKit 的同时,也在 Beforweb Store 上架了一些新东西,包括我的译作《触类旁通:多终端时代的触屏界面设计》套装,以及漂亮的 Beforweb 订制书签套装。其中:

有兴趣的朋友可以直接扫上面的二维码进入微店逛逛。记得《触类旁通》套装本身已经包括4枚书签,所以无需另外购买;而已经在其他平台买过书的朋友,如果喜欢书签的话,也可以单独带一套回家。

我在制作 Sketch 组件库时学到了一些东西 »

日常工作当中,每完成一轮迭代,或多或少都会做一些设计小结,譬如回顾一些典型方案背后的思路、权衡与决策的过程等等,同时也可以作为备忘与学习笔记。

工作是这样,个人项目亦应如此。最近在 Beforweb Store 上架的线框稿风格 Sketch 组件库(WireframeKit for Sketch),从开工到完成,似乎也有将近两个月的样子了,期间零零散散的利用日常工作之外的时间一点点的制作和打磨,回头看来也是一件让自己很有成就感的事。在制作过程中,不止一次想到在完工之后要记录些什么,因为感到真的有在过去的基础上学到了一些新的、重要的东西。

那么现在就来做这件事情。在本文中,我将向各位介绍我在制作 WireframeKit for Sketch 的过程中所学到的一些东西,包括制作和维护组件库的意义,组件库的组织方式,色彩、样式及文字风格的定义策略,全局化命名规则的制定,以及相关插件的使用。

自制组件库 WireframeKit for Sketch (iOS) 已上架 »

感谢各位的关注,一直以来念叨的自制 WireframeKit for Sketch (iOS) 终于上架。

说起来其实已上架将近两天,因为信息最初发布于公众号微博。这48小时内,新老朋友们的信任与支持扑面而来。看到一些评价,譬如“终于得到神器啦”、“好东东,终于等到了”、“做交互稿很方便,挺好用的”、“画原型方便好多”、“高质量,良心价”,C感觉备受鼓励,大致可以确认自己做了一次还算不坏的尝试,接下来再接再厉好了。

这次开设了 Beforweb Store 微店,同样是第一次尝试;接下来,订制版《触类旁通:多终端时代的触屏界面设计》以及 Beforweb 书签等等也会陆续上架,届时C会在第一时间邀请各位来逛。

下面就对WireframeKit for Sketch (iOS)进行简要的介绍,包括获取方式组件清单也会给到。