交互设计之高效原型设计工具

工欲善其事必先利器,如今交互设计的工具五花八门。基于低保真原型的两个要求:轻巧快速和易于修改。在追求短频快的产品节奏下,企业一般用什么工具进行交互设计?使用哪些工具能够快速高效的输出?  

图片素材随手找,原型设计快又好

画图——这项古老而精细的做法,是一代代产品狗们得以传承的立足之本。草图、线框图、思维导图、PPT插图、数据汇报图表、低/高保真原型图,甚至UI视觉图……真是一图未完一图又起。而工作时间越久,就越发现其中的奥妙:好的东西,总是最后几乎一样,那么我又何必每次造车轮子呢?

学交互设计我看过的那些书

学了三年交互设计,想写写我看的书,和回望的所思所想。 进入清华美院的时候那是2012年夏天,我学信息设计,对专业认识知之甚少,找一个美团网做交互的师兄聊天,他跟我说:

国内10枚非常有设计感的 App

什么叫有设计感呢?我认为应该是具备以下的几个维度的条件: 界面:UI 设计精美,界面每一处细节都精雕细琢,展现了 App 的独一无二,有些即使是「无用之美」,下载了也会舍不得删掉。

App界面中的透明元素设计

透明度是一种在大屏幕和小屏幕中都有良好效果的设计方式。它可以使导航、控件和内容变得对比度更高、更清晰明确。同时也能提供精美的背景和轻微模糊的毛玻璃质感。

设计师的春天:中文WebFont解决方案Font-Spider(字蛛)

我们在日常需求中,经常会碰到视觉设计师对某个中文字体效果非常坚持的情况,因为页面是否高大上,字体选择是很重要的一个因素,选择合适的字体可以让页面更优雅。面对这种问题,我们通常以下方式来进行设计还原:

扁平化和Material 移动UI设计作品欣赏

移动UI设计需要越来越多,包括有些WEB界面都要兼容移动设备,所以现在学UI设计需要对WEB和APP端有一定的了解,今天我们整理一系列扁平化、Material 移动UI设计作品,这些界面的视觉创意很不错,而且用户体验优秀,很多版式布局、配色方案都值得参考和学习的。

惊艳 | Material Design,Android 5.0的App界面来逆袭啦!

谷歌(Google)在 Android 5.0 Lollipop 系统中为自家的设计带来了名为 Material Design (材质设计) 的风格。

五款帮你在线配色的WEB APP

贝尼:HTML5变得越来越强大之后,很多以前需要特意安装一个软件来实现的功能,现在只需要在网页端就能够实现。这样一来,无论你是Windows用户或者MacOS用户,都能够在同样的体验下使用一个自己喜爱的工具,因为你的工具都在云端。

适用于Web和移动UI的风格指南设计

UI风格指南就像是一本格式手册,让设计师和前端人员按照这个格式来制作,其主要优点是让界面视觉保持一致的风格,对于大型网站项目、软件系统、移动APP一般都需要一个风格指南。

快速生成Photoshop参考线扩展工具– Griddify

用Photoshop做网页设计或UI设计时,绘制参考线是经常的事儿,特别是做栅格的时候,要一个个绘制,一个个计算,有时候会觉得挺麻烦的。今天分享一个帮你快速生成Photoshop参考线的扩展工具,别放过咯。

界面设计必备,常用字体规范

好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事。 这几天有人问我说:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗……”

15款为设计师而生的思维导图工具

编者按:灵感和想法来的快去得也快,创意来的不易整理更不易,所以一款靠谱的思维导图工具对于设计师而言,还是非常重要哒~今天这篇文章推荐了15款脑图工具,总有一款适合你~

PS修图会吗?你是美工?还是设计师?

@Micu设计你是美工?还是设计师?你是合格的设计师吗? 设计工作中最基础的修图会吗?找素材拼图会吗? 如果这最基础都不会,能称自己是设计师吗?能漫天要价吗? 如果有点职业道德,先学会最基础的修图,再谈设计吧!

Material Design专用在线配色工具

2015年安卓系统的Material Design UI设计风格将会流行起来,目前已经有不少APP应用尝试这类风格的设计,如果你也想开始制作Material风格的APP,那就别错过今天分享的 Material Palette 配色工具,它可以让你轻松搭配出好看的Material风格颜色。