河畔志 首页 关于 链接

标签 设计 下的文章

那些即将淘汰的设计

看到一篇关于即将淘汰设计的文章:《能让你「一键回家」的 Home 键,很快也要无家可归了》 以及它的前面两篇:《抛弃旋钮,可能是现代电子设备最大的遗憾》和《没法给手机换电池,怎么就变成一件理所当然的事了?》 有些同感,但当他给出一个拟物过时的原因是「但当大家都习惯了触屏操作后,大家又发现过分地拟物会限制住“交互创新”,还不如全部彻底去除掉那些光... <阅读全文>

响应式网页设计

原来的移动网页基本是独立于桌面版本做,而现在的新技术是采用响应式设计,对于不同宽度屏幕的设备,展示自适应的内容。 其优点是可以保持对不同屏幕尺寸设备的兼容,并保证它们在显示上的一致性,同时维护起来也更方便。 然而,它需要考虑的东西实际上比分开做更多。 完整的功能支持 首先要保证其在不同设备上完整的功能支持,一致性倒是其次。 因为响应式网页是基于... <阅读全文>

红绿灯设计实例

最简单的红绿灯,仅安排一个灯变换颜色,它无法支持色盲者。 但若区分出红、黄、绿三灯,基于位置关系,色盲亦可辨别。 针对行人优化,红灯为停的人形,绿灯为两帧行走幻灯片(简单动效),区分明显而人性化。 曾经看到的一种再优化,很欣赏。 适当调整LED灯的位置和数量,让绿灯动效从两帧变为5帧(更加平滑)。并且越临近红灯,动画播放得越快。 (不仅表现了... <阅读全文>

触屏键盘设计笔记

视觉与体感上的细节笔记,基本框架基于百手输的实例。 视觉面积 ≠ 物理面积 相同的物理面积,在UI的改变下,会产生不同的视觉效果,进而影响大脑对于面积的判断。 一般来说,相同物理面积,有立体感的按键往往比扁平更容易捕捉,并且不容易审美疲劳。 适当的间距,能让点击准确度增大。(拉开层次) 尽管这样让物理占用面积减小,但带来更好的视觉效果,看起来反... <阅读全文>

双拼方案设计参考

此处所说偏向于适应于手机的方案设计。 起始方向 首先,要清楚需要做的方案的侧重点,这是大体方向。 大概有四个方向:通用性、重音率、手感、记忆难度。 通用性 qwert及九宫格,通用性高,可以节省上手时间。 尽管它们可能不够科学,但是太普及了。 如果想让方案更科学,这点可以姑且不论。 但如果期望方案能被更多人接受,在这点做妥协的话,也不为过,而且... <阅读全文>