粥一

无作不欢

2017年用户体验设计趋势分析

1. 可用性更加有价值 设计模式仍然是一件值得关注的事情——大事情。设计师们可以依靠强大而全面的交互模式库来解决常见的设计案例,并且这个库越来越全。既然基础部分已经被覆盖,我们该将关注点放在什么位置呢? 正如在设计门把手的时候不必多此一举的发明轮子,创新时也只需要关注需要创新的点。就像试图为网站或应用创建一个完全颠覆性的导航系统,很容易带来长期性的可用性问题。总结起来就是:当你试图通...

Web 导航栏--长Tab 响应式设计

最近在思考有关Tab「极端」情况的设计。 先从Bootstrap 框架说起。Bootstrap 页面框架中的汉堡包导航方式无处不在,先看两个典型的例子-->> 以上导航的方式,一种是刚开始就以汉堡包折叠了起来,另一种则是当页面窄到某一数值,就将菜单折叠起来变成汉堡包。讲真,总有一种强行加特技的赶脚。好端端的导航,却要隐藏起来,徒增切换成本。隐藏起来页面的确会显得更简洁,...

从一桩小事说起,扯一扯情感化设计

这个夏天,湖北一直被泡在雨水里,中国联通的暴雨橙色预警短信接连不断地到达,但没想到帝都也开始下大暴雨……出门两分钟就齐腰湿了。也罢,大概是为了给最近的一系列热门事件降温吧,可这还是有点猛。 不聊热门事件,也不聊暴雨。 前阵子我关注了支付宝的微信公众号,自动回复是:“山无棱,天地合,都不许取关!”哟,霸道总裁的口气。翻看了一下历史文章,标题也都挺任性的:心好冷,谁来抱紧我、今天不耍宝哦、6...

交互新人实习小结

<--2016-6-23-->

自从开始实习,就没怎么写博客了,起初是每周一更,过了段时间变成半月刊,再成月刊,现在都快变成季刊了……作为职场小鲜肉,我很欣喜能进入现在这个nice 的团队实习并认识一群很nice 的同事。经过了一段时间,自己也从最初的一脸懵逼,到现在找到了适合自己的节奏,闲来想码点字记录一下这段时间。 习惯了小团队和创业公司的干活模式,头一回进Red Hat 工作区域时觉得工位好大= =,上班时间比较随...

Sublime Text3 使用技巧

常用快捷方式 开启和关闭 CTRL/⌘ + N 新建文件分页 CTRL/⌘ + O 快速打开当前资料架 CTRL/⌘ + W 关闭当前页 CTRL/⌘ + SHIFT + T 重新打开刚才关闭的一页 文档输入操作 CTRL/⌘ + SHIFT + V 根据缩进规则粘贴 CTRL/⌘ + / 快速注释/取消注释 CTRL/⌘ + D 选择当前光标范围内的字符串,连按可以依次连选之...

「蓝绿色」的魔力

聊聊色彩搭配

一点有趣的现象:在允许自由选择的情况下,周围的设计新人小伙伴们非常喜欢使用蓝绿色。 初次做界面设计时,往往会有更多人倾向于蓝绿色系,而自己第一次做界面设计时,在经过“反复思考”之后,把一种蓝绿色确定为了页面主色,直到现在我还清晰地记得颜色值:#1cdbee 我坐在窗前思考人生,低头一看,正穿着自己的蓝绿色条纹卫衣。围绕「蓝绿色」这个有趣的话题,我开始翻看有关色彩的书籍。 一种颜色...

记录第一次写网页的心路历程

网页主要内容 UX Team 主页,访问对象为公司内部同事。主页主要用来展示三个内容入口:Project,Design, Resource。 页面元素这么少,写起来也应该很简单。但对于一只没写过完整Web 页面的设计汪来说,还是有点额头冒汗。 使用到的工具 Sketch+Sublime Text3。两个应用安装包加起来不到50M ¬_¬ 在预览和调整时,主要是 Chrome 浏览器,...

jQuery 学习笔记(二)

jQuery Effects 隐藏和显示 hide / show 句法: $(selector).hide(speed,callback); $(selector).show(speed,callback); 例子: $(document).ready(function(){ $("button").click(function(){ $("p")....

jQuery 学习笔记(一)

作为一名设计汪,也需要懂点前端知识。HTML/CSS 是最基础的,为了更好的交互效果,JavaScript也需要学一点,jQuery 作为一种强大易用的js 框架,被小伙伴们广为推荐。 学习资源建议直接看W3school 的教程,若不能翻墙,也可以直接访问这个镜像网站: http://w3schools.bootcss.com/ 1. 基础定义 基本句法: $(selector).ac...

从需求到设计:框架和细化

读《About Face3》

《交互设计精髓》是一本很全的交互设计指南书,第一遍读这本书时感觉十分枯燥,能一次性从头看到尾很需要勇气,但不得不说书中的每个章节都非常实用。刚刚回顾了一遍本书的第七章,分享一下自己的读书笔记。 设计框架 毫无疑问,从需求到设计,首先要定义框架。对于互联网产品,通常需要定义交互框架和视觉设计框架,有时也会包括工业设计框架。 回忆一下自己刚开始做项目时的经历,过早地把注意力放在小细节的部...