网页设计

挤压和拉伸
预期
登台
连续动作和姿态对应
缓进缓出
弧形运动
次要动作
时序
夸张
立体刻画
吸引力

身为设计师，我越来越意识到只有整个设计师圈子的能力和氛围都起来了，我们每一个小分子才可以好起来，大家学习的积极性也比我大学时期（07年-11年）好太多，那时的我都完全没有要逛设计论坛学习的意识，所以当我看到谁年纪轻轻就已经那么牛逼了，我就很后悔，当年我为什么就没有逛论坛自我学习的意识呢，要不然我早就走向人生巅峰了，当年自己怎么那么井底之蛙，资源有限，信息闭塞，也没有人叮嘱我要怎么去做，也没人给我指出问题所在。现在有这么多好的学习平台和机会，而我也确实看到了很多设计师存在的问题，所以我总结下来，希望对大家有所帮助，不要像我当年那样活在自己的世界里，落后别人一大截。

如今app的更新迭代速度很快，因此无论在视觉审美还是交互功能上都有新的趋势和风格。乐视视频原有的ui设计风格已经无法跟上目标客户群的审美变化，且在功能上较难满足用户预期，因此需要在整体视觉和产品功能上进行相应的美化和完善，使我们的视频产品无论从视觉还是功能上都能够在给予老用户新鲜感的同时吸引更多的目标用户。

设计出不同凡响的网站是许多设计师一直追求的事情，所以大家着迷各种时尚的元素，漂亮的配色，流行的趋势，复古的样式，等等。经过时间验证的经典设计、固定的搭配是不错的选择，而逐步展露头角的新趋势，则能更好的满足这一需求。

这些交互设计 必备书籍，但你也许都没读过；初次接触交互设计 ，这11本书，刚好够读一年，你的技能将会有质的飞跃。

在现实生活在，视觉信息总是很吸引人的眼球，卡片设计的应用不仅仅只是一种趋势。

响应式设计 无疑是当前网页设计 领域当中，不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题，许多争论集中在响应式网站的图片应当怎么展示。继续延伸开来，那么响应式网站中的图片库应当如何设计呢？

招聘季，无论新人还是交互老鸟，都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求：介绍一下你的作品…..如何展示交互作品这件事，这篇文章系统总结一下。

在传统的交互设计 流程中，比较看重从设计目标建立到最终方案推导过程的逻辑性、终端用户体验与用户心理认知模型的匹配性等，相关的 UCD 设计方法 很多，而基本框架则是大同小异。在规模较大的公司与设计团队里，作为交互设计 师的我们也习惯了运用这种按部就班、环环紧扣的推导方式，帮助自己有理有据地应对各种「为什么这么做」的挑战。

作为设计师，我们都知道极简的设计效果的确非常出彩。然而，在设计过程中，我们往往会由于使用较少元素而感觉缺了什么，或是让最终成品看起来仿佛没有完成。

在网页设计和APP软件中，一个好的排版不仅仅要拥有漂亮的字体。更要有高度的可读性——易于浏览——同时能让用户专注它的内容。这是一个相当艰巨的任务，但是大多数设计师可以通过练习达到这种效果。今天我们将去看看优秀的用户体验需要遵守的10个 “准则”，同时你也可以学习以便帮助你设计出非常棒的设计。（每个规则都配有一个网站的例子）

UX Myths网站收集了很多关于用户体验设计中最常见的误解和解释了为什么他们不适用。现在将这些经验研究整理出来，为各位设计从业者做参考，避免依赖个人的主观经验来做判断。建议你阅读完之后，还是应该结合自身的经验来审视你的设计是否满足用户的需求。

优秀产品的用户体验设计是贯穿整个设计过程的，从最早的设计阶段便已经开始。所以，完成产品所有的部分之后再想办法为其补做“用户体验设计”是不可能的——你需要打一开始就就将其放在心上。

时至今日，扁平化已不再是流行一时的设计风潮，而是一种美学风格。扁平化大胆的用色，简洁明快的界面风格一度让大家耳目一新，当它对元素效果抛弃的如此彻底之际，它又将效果捡起来，改装成另一番模样，使得扁平化进化为扁平化2.0。

译者注：上图的中文版金字塔并非原文内容，找来帮助大家理解。译者注（图中文字）：
费茨定律示例
它是什么意思呢？费茨定律表明，你应当让按钮和其他界面元素足够大，因为用户点击小按钮十分困难。
如果你有个小按钮，像【OK】这样，可以增加一些内边距，或者让它更宽：【　OK　】
如果说网站上有个按钮，让整个按钮都能点击——而不仅仅是文字标签。
而且，如果你把物体放在很远的地方，最好就要增大它的尺寸作为补偿。

让人信任的网页到底是怎么样的？设计一个令人信任的网页应该是有迹可循的，几天文章当中的10个技巧，就是可行性相当高的手法，仔细看看，也许会让你获益匪浅。

每个界面都应该有一个清晰的起点。用户应该从哪里看起？要设计清楚。△ UX策略1 – 在页面标题部分添加视觉对比

预测用户的意图，让他们尽可能接近目标。△ 筛选出或跳至用户正在搜索的条目

除了引导用户，还要减少他们的认知流程，以保持流畅状态。千万别把计算这种事情丢给用户，让计算机来处理。