- 本文针对网页设计的历史做了简单的介绍, 配上了很多动态图片作为示意, 可以说很简练但是也很完整, 值得一读.
作者最开始应该是对设计和代码实现都比较有兴趣的, 但随着代码越来越复杂, 实现一个设计的方法越来越多, 但是即便这么多的方法, 都不能保证适用于所有浏览器. 于是作者慢慢对代码层失去了兴趣, 专心开始搞设计了~ 所以本文开篇, 作者提出了一个很好的问题:
设计和代码部分是如何分开的呢? 而且越分越远?
所以相对于设计师该不该学代码的问题, 本文研究的则是设计和代码是如何在网页设计这条路上分道扬镳的呢?
1989--网页设计最黑暗的时期
可以说最开始的网页设计是非常不明朗的, 那个时候屏幕都是黑色背景的命...
TaoAlphareadings翻译文章设计Design读系列 Fr, December 5, 20149 minutes to read - <p><a href="https://blog.bufferapp.com/the-science-of-colors-in-marketing-why-is-facebook-blue" title="颜色在市场的应用" target="_blank">本文</a>讲述了关于颜色的不同所能带来的不同影响, 相信很多人都认可"颜色和人的感受有着非常紧密的关系"这个事实. 那么颜色能产生多大的影响呢? 又是和产生的影响的对应关系如何呢?
<p>先说个趣闻: facebook为什么是蓝色为主色调呢? 其实根据New Yorker, 原因很简单. 就是因为Mark Zuckerberg是一个红绿色盲. 这就导致蓝色是Mark所能识别的最好的色调了. 用Mark自己的话说就是:</p></p>
<blockquote>
<p>蓝色对我而言是最丰富的了, 我可以看到各种的蓝色.</p>
</blockquote>
<p>没什么科学价值? 可能就facebook这个个例来说确实没啥特别的价值, 但是实际上现实生活中还有很多关于颜色是如何影响消费者们的消费决策的实例的. 毕竟视觉可谓是多数人类最常用的接收器了. 甚至可以说决定我们是否尝试某款产品的90%因素都是颜色所致呢.</p>
<p>那么颜色和我们的感知究竟是什么样的对应关系呢?</p>
<p>这里作者聚了4个典型的例子:</p>
<p><strong>黑色</strong></p>
<p><a href="https://bufferblog-wpengine.netdna-ssl.com/wp-content/uploads/2013/04/Screen-Shot-2013-04-25-at-10.54.00-AM.png" target="_blank" rel="noopener"><img src="https://bufferblog-wpengine.netdna-ssl.com/wp-content/uploads/2013/04/Screen-Shot-2013-04-25-at-10.54.00-AM.png" alt="the science of colors in marketing: black" title=""></a></p>
TaoAlphareadings关于HCI译系列翻译文章设计颜色 Th, November 27, 20144 minutes to read - 本文来自Medium, 分为上下两篇, 讲述了在制作UI的时候的7条实用规则, 表示个人喜欢最后一条"steal like an artist"...刚看完"the art of steal"...哈哈
不说废话.. 本文作者特别强调了下文章的适用对象主要有两种:
想要尝试自己设计UI的开发者们
想要自己的作品集看起来更优秀或者是想要让自己的UI套装有更好的用户体验, 能卖个好价钱的UX设计师们
同时作者还特别说明了一下, 针对那些技术学校毕业的, 已经是UI设计师或者向着UI设计师前进中的孩纸们, 就可能会觉得本文比较枯燥, 乏味, 甚至是错误了. 作者针对此的建议也是: 请不要犹豫关闭本tab, 拜拜不送.
那么如...
TaoAlphareadings关于HCI译系列翻译文章UI设计Design We, November 26, 20149 minutes to read - UX和UI并不是对立的
Chris Bank of UXPin -- 一个线框图和原型制作工具 -- 对比了以下网页设计和用户体验, 解释了为什么我们有时候默认要先创建一个UI, 然后利用UI来塑造整体的UX. 如果想要了解下利用33个公司的例子所进行的分析, 可以前往阅读: 网页设计界面典型实例.
网页用户体验(UX)是用来描述人们对一个网站所获得一种感受的这么一种抽象概念. 而用户界面(UI)则是在这个体验过程中, 用户所与之交互的界面.
当设计一个网站时, 你希望你的UX能够尽可能的正面, 积极 -- 你希望你的用户能够享受这一浏览过程, 这也是网站全部的意义所在. 但是你不能只是简单的说"让我们提升一下我们网站的U...
TaoAlphareadings关于HCI译系列翻译文章UI设计UX Th, November 13, 201412 minutes to read - 如何制作一个网页设计样式规范
现如今, 做网站变的越来越复杂, 而且通常都已经不只是一个人的活了, 这就使得确保设计的一致性和优越性都能够符合商业目的并且有足够好的用户体验变的非常重要.
而确保不同分工的人能够很好的切合彼此同时也为了从开发者手上拯救悲催的设计师, 有一个很好的方法就是制作设计文档或者一个网页设计样式标准.
如果有一个样式标准的话, 对于在不同页面上保持一致的体验是有很大帮助的. 它同时还对确保以后的更新迭代, 第三方的产品接入都能够很好的融入整个产品, 成为产品和谐的一部分也有所帮助.
Luke Clum 去年曾经浅谈过这一话题: 网页设计第一步之应用样式标准. 今天我则会更加深入一些的探讨下如何为你的项...
TaoAlphareadings译系列翻译文章设计产品学习设计规范 Mo, November 10, 20147 minutes to read - 总的来说文章不错, 尤其是总结的四条让设计师无语的原因哈, 让我不自禁的想起来当初做PM的时候和设计师沟通的情景, 很有带入感哈哈~ 谨以此文献给所有设计师们~
"客户至上"的原则是如此的根深蒂固, 以至于反对这一原则变成了一件非常不可能的事情. 在我们很小的时候, 还远没有任何真实世界的应用经验的情况下, 我们就已经学习了这一准则. 即无论如何, 让消费者开心就是你最应该做的. 还有什么更好方式吗? 比从客户进门开始就奉承TA的每一个念头更好的方法?
[caption width="570" align="aligncenter"]For Desingers, the Customer is never right[/capt...
TaoAlphareadings译系列翻译文章设计Design Th, September 11, 20147 minutes to read - 圆在网页设计中的应用还是相对比较新的. 对于那些年轻时经历过”方形”设计主流的设计师们, 我们现在所做的设计早就远远超出了当初对万维网的预想. 如今大行其道的圆设计为什么直到现在才开始流行呢? 最可能的原因在于早期想要通过非图片的方式来创造圆是非常困难的, 而不像现在.
如今, 人们可以通过css非常简单的创造圆形, 所以它们在网页设计中越来越普遍了, 随处可见. 但还有很多人觉得在网页设计中很好的使用圆是比较困难的, 当然, 对此有不少的争论. 但是, 如果我们能坚持优质的布局和留白, 一个圆形的设计能够给整个页面带了更加新潮而又刺激的元素.
现在很多时候, 其实在下面这些元素上使用圆反而会造成困惑, 难看, 因为圆形元素天然有着...
TaoAlphareadings译系列翻译文章设计Design Th, September 4, 20144 minutes to read - 来自Smashing Magazine的一篇文章, 介绍有关persona的一些基本知识. 长文啊….
基本上主要介绍了下personas的概念, 如何使用(很浅), 以及使用的好处~ part 2中会详细介绍下如何创建persona, 干货可能会多一些~
==============正文=================从我自身作为一名交互设计师的经验来说, 我遇到过很多策略, 方法之类的, 用以提升我工作的质量和一致性. 但是没有任何一个能比得过Persona(人物模型)的. Personas从上世纪90年代中期出现依赖一直被沿用至今, 且被设计圈广为认可.
观察每一个使用personas的设计师, 我还发现了更多的东西: 他...
TaoAlphareadings关于HCI译系列翻译文章设计Persona Sa, August 16, 201431 minutes to read - 结合响应式设计, 出现了很多优秀的原则, 比如: Mobile First等等. 那么到底该如何进行响应式设计呢?
==================正文=====================
最近有项研究表明: 大约1/4的美国人只用手机上网!! 而在全世界, 每5个人就会有一个拥有智能手机, 而至少有一半人会使用它来浏览网络.
如果你的网站在这些设备上不能很好的浏览的话, 你真的损失了很大一部分的手机用户. 快来拥抱响应式设计吧. 万事开头难, 不过下面这些小贴士可能会有所帮助.
1. Go Mobile First
在你准备为笔记本,台机等大屏设计网站时, 考虑下手机用户的浏览体验. 很多设计师现在开始使用移动居先的...
- Teenage Usability:Designing Teen-Targeted Websites
Summary: 青少年往往会对自己的网络技能过渡自信,但实际上他们表现的比成年还要差劲.更弱的阅读水平,没有耐心,而且尚未发展成熟的研究技能,都减少了青少年完成任务的成功率以及对于简单可靠的网站的需要.
青少年们都是兴奋的.技术已经和青少年的生活密切的结合到一起了,此时为他们创造更多有用而且有益的网站变得更加关键了.在当下这个下一件最重要的事情就是点击鼠标,而短信息打断活动已经成为一种默认的规则而不是偶尔发生的例外的时代,网站架设者们必须清晰的理解青少年们想要什么,如何让他们留在你的网站上.
为了理解伴随着科技和互联网成长起来的...
TaoAlphareadings翻译文章设计产品学习UX青少年 We, June 12, 201317 minutes to read