构图是一项很专业的学问，网上搜索大多数是对于摄影方面的构图说明，不过，不管是摄影还是绘画或者做VI设计、UI设计，这些都离不开构图，在不同的领域，构图有着不同的用法，万变不离其宗，从构图这块又可以延伸出来很多其他知识，比如：光线、颜色、深浅等等。 下面我整理了一些常见的构图方法，仅供参考，很多叫法稍有不同，我也不是专业人士，无法辨识，也没太多时间去深究这个。 同时这里还有一篇关于《为什么我们需要构图？构图有哪些原则?》 的文章供大家参考，内容均从网络收集 一、三分法构图 这种构图法则一直以来被各种风格的摄…
各大电商卖家体量庞大，其中仅淘宝卖家就有上千万，受众用户广，所以关于电商详情页的设计方法有很多，分析角度各有不同。这篇是我最近关于电商详情页的一些落地思考，也许能提供不一样的角度，主题是：“消除疑虑”，即消除用户在下单过程中的疑虑。 经常有逛电商的习惯，但是我发现很多电商详情页并不能解决我的问题，虽然卖家可能把他们觉得重要的信息都非常精准和客观的讲清楚了，但是对用户来讲，得到的信息确并不一定是明确或用户需要的，比如尺寸的呈现、产品效果的展示、不同使用场景下的问题（不一定是产品本身），以及怎么…
一款优秀的页面需要有优秀的页面设计师，成为一名优秀的设计师是很困难的，下面来看看优秀设计师给咱们总结的一些经验。 英文原载：http://goodui.org 编译：刘哇勇 译者博客：http://www.cnblogs.com/Wayou/p/goodui.html#home 1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。 …
生活中总会有些状况让我们无所适从摸不着头脑：面对一排电灯或空调的按钮，哪个才是控制我想要的？开锁时掏出一把钥匙，哪个才是正确的？拿起U盘插入电脑，朝那个方向才是对的？……类似的犹豫充分说明，你呆住了。现在，是需要“防呆设计”来拯救你了。 防呆定义 防呆（日语：ポカヨケ；英语：Fool-proofing）是一种预防矫正的行为约束手段，运用避免产生错误的限制方法，让操作者不需要花费注意力、也不需要经验与专业知识即可准确无误完成正确的操作。广义来讲…
俗话说，一图胜千言。无论这是真是假，图片都是网页中重要的组成部分。自从嵌入图片步骤变得简单，我们可以看到很多网站都内嵌了许多图片，其中一些网站从不同角度展示了正确利用图片的好处，然而，大部分网站则不是如此。尽管这对于一款设计来说，并不是多大的影响，但是这些图片可能会减少你销售产品的机会，除非你有一个很好的诱导用户的页面或者创造了很好的阅读流条件。图片是细节胜于原则的问题，处理图片应该是设计师们更加需要理解和掌握的能力。 网页可用性专家Jakob Niesen和他的公司NN/g做了一项眼动研究，总结出了一篇名为《Ph…
在工业化设计融入人们生活的现今，用户体验一词就常常出现在人们的视线里，随着互联网web2.0时代的到来，大大小小的网站设计中也都开始关注用户体验的方面，对什么是用户体验（百度这四个字，比我写什么解释都好）就不做详细赘述了，相信大家比我了解的更加丰富。 用户体验从产品设计阶段便开始介入进来，如原型设计中交互模式设计、功能实现方式设计都融入了设计人员对用户的关怀，听过这样的一句话：“具有良好用户体验的产品，不仅仅取决于一个有着丰富交互设计经验的产品设计师，还与产品生产过程中的每一个环节是否都具备良好的用户体…
在实际当中，扁平化设计一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果，从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。 随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸，创建多个屏幕尺寸和分辨率的 skeuomorphic 设计既繁琐又费时。设计正朝着更加扁平化的设计，你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性。 与扁平化设计…
动作按钮？不就是一个按钮加两文字么？这有什么好说的····· 如果你还这么认为，那就大错特错了。一个小小按钮，看似简单，里面却有大大的学问。 下面是我总结的一点见解，希望抛砖引玉，给大家一点启示。 按钮分为两个部分：按钮文字 按钮形状 先说说按钮文字的设计： 1 用文字创造出一种紧迫感 这主要适用在购物网站，使用一种紧迫感的词语更可能让用户采取行动。在按钮上加“现在”&rdquo…
表单是由许多细小的元素所组合而成的集合体，标题和输入框的排列方式有着重要的地位，标题要放在输入框的左侧还是上面？要靠左还是靠右？要怎么排列才能提高表单的完成率呢？ 标题和输入框常见的排列方式 1. 放在输入框左边，而且靠左对齐 2. 放在输入框左边，但是靠右对齐 3. 放在输入框上面 4. 放在输入框里面 排列方式的比较 到底这四种排列方式有什么不一样呢？其实这些排列组合最大的影响都在于用户视线的移动，在第一种排列方式中，用户的视线先看到标题，由于靠左对齐的缘…