Creating Realistic User Interfaces

finalcutserver

一直对绘制高度仿真的UI原理很好奇,网上也只有按部就班的、使用何种工具调节何种参数的傻瓜式教程,直到我发现这篇《Crafting Subtle & Realistic User Interfaces》。它算是比较系统地剖析了如何生成高度 subtle realistic 的UI。

其中最生动的对比演示技巧,就是这个噪点的运用。在普通的纯色上运用1.2%的噪点,能够使材质更加仿真,有了流行的亚光质感。

Continue reading “Creating Realistic User Interfaces”

低保真阶段产品模型设计工具 Balsamiq Mockups(已收到S/K)

Balsamiq Mockups

在网上看到 Balsamiq Mockups 这款工具的介绍,试用之后感觉很顺手,推荐给大家。

Balsamiq Mockups 是一款用来完成产品模型设计的工具,能够创建手绘风格的草图,适合快速将创意想法通过电脑记录和表现出来。虽然我还是喜欢用笔和纸完成草图,但当灵感转瞬即逝或身边纸笔到用时方恨少时,开 BM 来勾勒一番也很省事。

该软件适合于应用在Web设计、人机交互产品界面设计等领域,自带的素材库里就包括Web浏览器、iPhone手机界面等框架,以及各种控件(按钮、对话框、文本框、etc),外加标注元素。

Balsamiq Mockups 官方主页:

http://www.balsamiq.com/

Continue reading “低保真阶段产品模型设计工具 Balsamiq Mockups(已收到S/K)”

《UI Designer》第二期下载正式发布(5P)

uidesigner2_4

《UI Designer》是由UIRSS.com创办,UIRSS.com、ChinaUI.com、UItimes.com三家UI设计媒体联合主办的UI行业权威电子杂志。这一期伴随视觉同盟(联合主办)和iconfans(联合发行)的加盟,声势更加浩大。

下载地址:

http://www.china-channel.com/ui/UI_Designer_2009.zip

Continue reading “《UI Designer》第二期下载正式发布(5P)”

博客氛围营造漫谈

blog-design

Web2.0使互联网由传统的单向信息推送转换为由用户产生内容并交流分享的互动性平台。在此进程中,我们更加关注精准营销,关注体验研究,关注用户在我们的网站上的一举一动及其背后的细微心理变化。

最近手头的几个网站/博客的case涉及地方专业门户和电子商务领域,由此也让我产生了探究新生网站/博客如何媲美既有成熟网站以争夺自身市场份额的好奇。

除了采用SEO、公关、广告投放等常规手段外,我的关注视角锁定在网站氛围的设计营造上。通过查阅资料、比较同类网站和亲身实践,现以博客为例,浅谈网站氛围营造的手段及其效果。

Continue reading “博客氛围营造漫谈”

[Design]近期完成的平面设计课程作业(10P)

syncoo_graphic_design_work_blog_cover

在临近期末的最后一个月迎来了平面设计这门专业课。磨磨蹭蹭做了三个星期,昨天起个大早进入市区图文店,终于将设计稿付梓了。整套设计包括卡片、折页和一本12P的册子。

没错,诚如各位所见,这个设计围绕的项目就是本人的同步控网站。我也曾在同步控开篇语的花絮部分爆料,正是本次平面设计课程催生了本人头脑中一直盘算的这个项目的诞生。

整体设计以耍酷和卖弄技术感为主,配合流行的Web2.0配色方案。内容方面则是纯粹的YY,所谓的同步技术交流会Syncoo,所谓的同步志Syncoo Zine,都是二次元世界的臆想(当然如果哪天成为现实那更好)。部分凑数内容来自网络。

Continue reading “[Design]近期完成的平面设计课程作业(10P)”