Web设计
网页设计2013年10大Web设计趋势心得
在2012年我们看到的几个Web设计趋势中，最显著的要数响应式设计了，而现在2013年的鸣钟敲响了，让我们大胆预测一下2013的Web设计趋势。1. 更多的响应式设计虽然响应式设计在2012年被提的比较多，但是响应式设计仍然在不断变化，不断创新。比如，新的设备不断出来(iPad Mini)，这让以前的设计想法土崩瓦解。而现在各种Web的响应式设计也获得了越来越多的注意，“让人们忘记设备尺寸”的理念将更快地驱动响应式设计，所以Web设计也将迎来更多的响应式设计元素。2. 排版将变得很重要Web设计人员和开发者都很注意一个网站的图片和java s cript，这个趋势会驱动字体(排版)在网页设计中的地位越来越重要，从@font-face到服务器默认serve font(字体)，这些字体往常的受重视度经常比图片和脚本轻。但2013就不会了。而且字体和排版是基于内容天生的，会比在图片和脚本方面下功夫更易获得回应。3. 跟Flash说拜拜Flash很有可能要over了，因为它不利于一个网站的SEO，许多移动设备并不支持它，升级它是个很痛苦的事情(升级后在浏览器里会卡);而且它的替代者都很优秀(HTML5/CSS3, java s cript)。TNW大胆预言Flash将在2013年彻底结束，一些曾经支持它的公司已经开始转移注意力，重要的是，很少的设计师和开发者会使用到这个，而那些想雇用这些技术人员的雇主很难请到人才了。4. iOS “拟物”设计不再受推崇
设计师如何设计优秀的网页导航栏
手机屏幕尺寸越做越大，作为互联网的深度用户，我相信你已经深刻体会到侧抽屉导航在移动(和桌面)端是如何降低用户体验的。先不谈它较低的可发现性和使用效率，拿出你的手机试着只用一手去按屏幕左上角。欣慰的是，越来越多的应用和网站正在尝试用更有效的方法解决这个问题。这里我整理出了市面上能见到的所有方法进行比较。有趣的是，Youtube 作为侧抽屉的开山鼻祖，它也不用了。一、选项卡如果应用的选项不是很多(一般不超过5个)，而且使用频次较高用户需要经常来回切换,选项卡导航是个不错的解决方案：这样做似乎非常行之有效，但是，需要在设计考虑一些事情：选项不建议超过5个选项在视觉观感上应得到强化
详细解析5个网页表单设计新规则
以前的表单经典原则是“越短越好”，不过随着技术发展，现在有些表单设计已经不适用了，想学到最新的表单设计方法，别错过这篇。每天我们都使用表单进行基本的网上操作。网上购物、注册邮箱、社交网络甚至参与讨论、描述美味的午餐等等都需要我们填好表单。不夸张地说，表单是数字信息分享的生命根基。然而多年以来，表单的体验鲜有提升，仅仅停留在功能足够好却达不到体验上的优秀。然而现在，在使用恰当技术的帮助下，我们可以设计出更快、更简单、更有成效的表单体验。欢迎关注点融设计中心DDC微信公众号：「微信ID：DR_DDC」 原文地址：点进进入在表单体验中一条经典的原则是“越短越好”。耗费用户更少的精力可以带来更高的转化率，这当然看起来符合逻辑，但是这条原则没有考虑到很多因素，比如应用场景，设计方式、表单体验的吸引力等等。举个例子，我发现一个被引用的次数远超其它的报告，它的测试成果被多篇文章和言说提及并被当做“真理”，而可怕的是这个研究成果其实是相当有局限性的。这个报告是Imaginary Landscape(一个开源的网络开发机构)近十年前的一次实验，实验中当表单从11个字段减少到4个字段，转化率增加了160%。但这只是一个页面，一次测试，两个变量得到的实验结果，假设他们进行了多组4个字段的实验，或者做10个字段与11个字段的表单作对比，4个与5个字段表单做对比，也会令实验更加值得信服。然而他们没有，这只能说明仅在这一个特定的情况下，确实减少表单64%的字段能使表格更容易填写。在Call To Action 2015的演讲上,来自Unbounce 的Michael Aagaard分享了类似的案例。以提高一个特定表单的商业转化率作为任务，他首先将表单的字段数从9削减到6，转化率下降了14%。深入研究后他发现，表单中那些被删除的字段构成了一个不太引人注目的体验，而这恰恰是最吸引用户的部分。在第二次实验，他调整了原始表单的组织结构和清晰度，并保持9个字段不变，转化率增加了19%。事实证明，短的表单不总是更好。所以如果不是通过简单的使表单更短，我们怎样用现代技术来设计最好的表单呢?让我们来考虑一些新原则：优先保证表单的可浏览性提供更易填写的表单格式给予恰当的输入限制
10个思路帮你设计出简单易用的网页
极简主义的流行让越来越多的网页设计师开始着迷简单、简约的网页设计，CARRIE COUSINS 的这篇文章就帮你搞定这个问题。坦率的讲，在网页设计这件事情上，简单的设计往往更好。一个简单易用的界面更容易为用户所掌握，也更容易将一个新用户转化为一个活跃用户。面对庞杂的需求，许多设计师总会身不由己地向着复杂的方向来设计网页，那么到底要如何将一个已经比较复杂的网站简化下来呢?其实思路并不复杂，诀窍在于根据用户目标，重新审视整个路径，将妨碍用户达成目标的障碍都清除掉。而今天我们要聊的10个简化技巧都是围绕着这个思路来推进的。无论你是正在设计一个全新的网站，还是针对现有的网站进行简化，这10个简化技巧都非常值得尝试。1、专注于做行为召唤设计网站上的每一处设计都应该是有目的的，都相应地迎合用户的某个行为或者需求，这是显而易见的。这也为行为召唤的设计提供了依据。引导用户的文案、按钮和链接都应该清晰、明显，永远不要让用户错过。2、简化分页
7个秘诀帮你做出体验极佳的网页表单
表单是网页设计中最常见的元素，几乎每个网站都会包含一种甚至几种不同类型的表单。从简单的电子邮件搜集和订阅，到注册、下单、购买，表单一直伴随着网页而存在。所以，设计出好看易用的表单是非常有必要的。也正是因为表单一直伴随这网页存在，在过去的20多年间，表单的设计规范和标准也一直在逐步发展。虽然许多网页中的表单涵盖了大量的信息也数量可观的栏目，但是绝大多数的优秀设计和最佳实践都是以简单而著称。好的表单一目了然，用户不需要输入太多信息，条目标识明确，格式清晰，让用户尽可能一次就能正确填写。今天分享7个表单设计的秘诀，帮你设计出素质过硬的网页表单。1、尽量让表单一目了然用户浏览网站的时候，通常会快速扫视来获取信息，看看网站内容和设计是否对他们的胃口或者符合需求，再决定要如何应对、交互。表单也是一样的道理。一目了然的表单能让用户立刻知道他们需要填写多少信息，以及如何提交表单。一份一目了然的表单具备下面的特征：·对比度：文本和标签都简短直观，易于阅读，避免使用大量的色彩，尽量采用传统的黑白式的文本/背景组合。·分组和间距：像较长的表单那样，将相近、相关的信息都分到同一组当中。以支付为例，用户的基本信息、支付信息和物流信息分成不同的组。三个较短的条目比一个较长的条目要更容易接受。控制好标签文本和填写表单之间的间距，根据相关靠近原则，让条目之间的相互关系更明确。·行为召唤：金莲使用大且容易看清的按钮。按钮中的文本指向性明确，比如“提交”“立即支付”或者“下一步”，直观不拖沓。
详细解析如何打造网页的形式感技巧
作为自然界视觉的三种基础形态，它们分别由直线、折线、弧线组成。我们来看看它们各自的几何形态的情感：方：整齐、稳定、干净、锐利。缺点：生硬、呆板圆：可爱、灵动三角：动感、尖锐、不平衡其中方向因为其整洁、易识别、重构性好的特点在网页设计中应用比较广泛，但与此同时也容易让人审美疲劳形成画面生硬的印象，所以在非门户或大型资料站等页面时可以采用圆、三角这两个元素进行调和。如：活动专题页、内容不多的小型资料页。增强视觉上的灵动和刺激可以让页面快速抓住玩家的眼睛，达到专题快速传播的效果。
10大Web设计趋势详细分析
如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势?12月份对即将过去的一年中网页设计发展进行回顾，总会发现很多让我们感到欣喜的变化。去年我们同样预测了2013年互联网设计出现的10大趋势，比如交互设计、个性化排版、全屏大图吸引浏览者注意力等。其中很多预计的趋势在2013年确实成为设计的主流，并且估计在2014年仍将延续。1. 个性化排版我个人是个性化排版的支持者，自然也希望看到越来越多的网络设计尝试个性化的风格，其中比较突出的一点是个性化字体的增多：用自己独特设计的字体代替标准印刷体，让设计更加独特。比如“Stuff and Nonsense”这个网站提供设计字体服务，让字体在体现个性的同时保留专业印刷风格。我们期待着在2014年设计出的网站能够更多地从细节体现个性。2. 扁平化设计去年的10大趋势中，我们提到了“借壳”设计(skeuomorphism)，指模仿现实事物尽可能把手机元素(如图表、背壳等)设计得更加具体、拟物。而“扁平化”的极简主义则是和“拟物性”相背行，在iOS7中明显感到更加简化的图表替代了原本精致的描绘，更加突出应用的实际效果，反应使用应用的感受，而不是局限在某个应用的外在形象上。苹果公司在今年竭力推进扁平化设计，几乎所有可以修改的设计都加入了扁平化的元素。苹果公司向来是电子产品设计的导向标，推动其他产品设计纷纷追随iOS7的设计风格，同时网络设计也开始大批量地采用扁平化思路。预计这种风潮在2014年仍将持续。3.大背景图打败幻灯片动态显示