- 如下例:
123456789@font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ ...
TaoAlphareadings译系列翻译文章font-faceCSS Tu, July 15, 20145 minutes to read - 黄金比例是每个设计师都应该知道的. 本文会介绍一下如何去在设计中使用这一概念.
黄金比例呢, 是人类从自然中发现的一个比例值, 这个比例被设计师用于创造那些非常赏心悦目的, 非常自然的作品. 黄金比例有时候也被称为Golden Mean或者Golden Section, 或者是希腊字母:Phi.
本文中, 我们会介绍一下什么是黄金比例, 以及如何使用它, 同时也会介绍一些非常有价值的引申资料供大家查阅~
01. What is Golden Ratio?
基于Fibonacci Seuence(也许你还记得那年河畔的数学课...or, 那本著名的悬疑小说"The Da Vinci Code"), 黄金比例所描...
- 摘要: 即便现在越来越多的站点开始模仿滑动手势以及在PC上非常不适合的横向滑动设计, 用户依然非常不适应这种浏览方式的.多年一来, 我们一直都知道横向滚动本身对于桌面电脑而言都是难言的痛点. 即便是随着移动设备的普及, 用户逐渐接受了触摸手势是用来浏览内容的, 但是用户在桌面电脑上访问网站时, 依然不会习惯横向滚动的. 本文主要描述了当前触屏交互方式应用到桌面电脑上的一些问题所在, 以及提供了一些备选和建议, 关于如何帮助用户形成这种习惯. 很明显, 你在非触摸屏下是不能使用触摸手势操作的; 所以本文中会以”滑动”(加引号)来表示在桌面电脑上的这一操作.
横向滚动的诱惑
在桌面电脑上, 长篇内容型网站的通常交互形式都是纵向的滚动....
- 首先介绍下什么是carousel: 标准词典翻译为”旋转木马”, 用在网络中, 尤其是网页设计的语境之下, 就是指代的很多网站中使用的多图切换模块, 通常由多张图组成, 但是一次只会显示一张, 图片右下角或者正下方常常有切换指引的远点或者缩略图, 图片左右则有前后箭头, 如此切换的时候会像旋转木马一样一张一张的出现在用户眼前(当然不限于图片, 有的也会用文字作为每一个木马).
=========正文=========网站研究发现在300w的首页中, 只有1%的用户浏览会点击页面上的carousel部分呢. 为什么占据了首页如此大面积的, 而且是很具有视觉优势的元素获得的点击是如此之少呢? 原因可能比较出乎意料, 因为多数carous...
- 与之前的译文不同, 本文来源是quora的一个问答, 我也是在quora的rss推送中看到的, 觉得值得一看所以特别翻译了一下.
Question: Compassion: How can we find compassion for people we hate?
问题: 包容: 面对我们憎恨的人我们怎么才能产生包容心呢?
Answer:
我这么牛逼, 还真没发现谁能让我对他们产生恨意… 你也应该这样想.
憎恨是意见多痛苦, 多无聊, 多懦弱的事情啊. 它还能影响你的身心, 甚至破坏你的潜能.
所以我尝试不去憎恨. 但是我确实会对一些人很恼怒. 而对此, 我的处理方法是这样的, 我称之为”Drilldown method”(剥洋葱...
- 我想所有人都读过励志文学或者博客, 但是很少有人能够真正的付诸行动.他们更多的是陷入了一种所谓”励志成瘾”.过去我自己也曾陷入其中过–就是幻想自己能够过得更好, 抓住机遇, 获得成功.但是我一直没有采取行动的原因是:
我当时太忙了, 于是就先收藏了文章以后再说, 当然结果就是明日复明日, 明日何其多...
我没有时间开启一个新项目, 尤其是这个需要做出的改变太大了...
我内心深处并不相信我们能做到, 因为作者可能比我强多了...
我只是来找找灵感, 但是实在是没有精力去付诸实践...
我计划去做, 但是一直抽出空来...
不可思议的是, 我竟然克服了上述的所有借口. ...
TaoAlphareadings译系列翻译文章habits习惯 Th, April 24, 20146 minutes to read - 总结: 结合A/Btest来进行用户研究可以定位真正的问题同时做出更好的设计.
A/B Split Testing
A/B测试允许网站通过在同一个页面上对比不同的变量, 从而找到最佳的选择. 在A/B test中使用的衡量标准分为微观和宏观两类, 而且A/B测试如今已经非常通用且随着引入的各种工具, 极大的简化了A/B测试, 是的A/B测试如今甚至不再需要开发或者其他技术资源的介入了. 这种方法如今在市场上已经站稳的脚跟, 而且, 因为它的低成本, 它在用户体验设计行业也越来越普及. 想Google, Amazon以及很多其他的电子商务网站更是以” 一直在测试, 从未被超越 “而出名~
Garbage In, Garbage O...
- 原文来自alistapart(链接见文尾). 第一眼看到的时候以为是讲穿戴式设备的, 读完才知道此body非彼body…
===============正文==================
在90年代初期, 每一个网页背后都承载着一份赤诚的热爱. 但可惜的是, 任何管理一个大型网站的人最后都会遇到一个问题: 堆叠的HTML代码中掺杂着有价值的内容和模版以及粗糙的设计方法和其他一些难以维护的代码.
很快, 大型站点就彻底放弃了这种手写代码的方式. 他们把一个页面的核心内容存储在数据库中, 然后通过html模版把这些内容结合设计好的元素: 页脚(footer), 边栏(sidebar), 以及条幅广告(banner ads)来展现....
- 这是一篇很古老的文章了–发表在2011年1月. 之所以还把它挖出来, 一方面是因为正好看到了, 更重要的方面是因为里面列举的10条即便是现在也应该极力避免的~
摘要: 最让用户讨厌的10个恶习. 网页设计和html中可诟病的东西不少, 虽然其中有一些可能已经比过去少见多了.
自从1996年第一次尝试一来, 我编写了不少列举网页设计中的top 10错误清单. 你可以在本文的结尾处看到这些文章的链接. 本文重点在列举其中的突出条目.
Bad Search(糟糕的搜索)
过度依赖文本的搜索方式是很影响用户体验的, 因为它们无法处理书写错误, 复数形式, 连字符号以及query中其他的一些特殊部...
- Instapaper Daily 推荐的一篇的文章, 看到题目我就觉得我直接一读了~
==================正文================
阅读一本好书是一个非常享受的过程, 但是如果信息只是从你的大脑中流过而没有留下任何的记忆的话, 也是一件让人很沮丧的事情. 幸运的是, 这里有一些方法可以帮助你留下这些信息. 来自Stack Exchange的书虫们提供了一些值得参考借鉴的建议~
我喜欢阅读那些我很感兴趣的非科幻书籍, 但是我发现这些信息都不好留存下来.
比如, 一年前我阅读Thomas Jefferson的自传, 但现在除了他剩余1743年之外, 我几乎不记得任何事情了…当我看或者听那些我视为人生榜样的作家...
TaoAlphareadings译系列翻译文章Reading Sa, April 19, 20144 minutes to read