原文作者：Rob Morris
原文链接：5 Simple Tricks To Bring Light and Shadow Into Your Designs
译者：笨活儿

原文： 5 Simple Tricks To Bring Light and Shadow Into Your Designs

现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上，光影帮助我们辨别事物，认知他们的材质、尺度和透视。

所以如果要让我们的网页设计更加自然、有动感且真实直观，正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧，好好运用它们，能让你的设计更加精致，从众多的页面中脱

英文原文：http://www.myinkblog.com/2009/03/21/4-principles-of-good-design-for-websites/

我最喜欢的设计书籍之一就是《Robin Williams Design Workshop》.它深入实际的设计理论，并且包含许多极棒的设计实例。其中一个值得关注的地方就是4项主要的设计原则，它们已经在设计中为我所用。这4项原则就是：反差, 重复, 排列, 和分类。

本文将讨论这4项与web设计相关的原则。只要在脑海中牢牢记住了这4项原则，你就一定可以设计出更加整洁漂亮的网页。

1.反差效果

好的反差效果设计可以给用户一个极好的第一印象。如果用户的眼睛没有焦点，注意力就会在处处是相同尺寸的元素和排版界面中迷失。设计师需要设计出很明显的突出视觉元素来引导用户的体验。你可以通过选择图片、颜色和字体等来形成良好的反差效果。

图片反差

原文 是一篇来自 Smashing Magazine 的优秀文章，详细叙述了8个可以提高电子商务网站转换率的方法（当然也适用于其他产品介绍类的网站）。基本上都是从网站设计的角度上分析了一些取得用户信任、改善整体品牌形象、提高用户体验的方法，很有启发意义。我按照自己的理解把其中的重点翻译了一下：

1. 使用潜意识（Subliminal Suggestion）

简单来说就是在网站设计中更多地应用图片来间接传达一些信息。一些和产品无关的图片也可以改变用户对网站的印象，在潜意识中影响用户的消费欲。

2. 避免滥用产品比较（Prevent Choice Paralysis）

提供给用户选择权是好事，但如果强迫用户在过多的选项中作出选择时，可能会流失部分用户。如果必须要让用户作出选择，

web2.0时代后到SNS社区再到云算法网站的SaaS平台。多交互流程和用户自定义的复杂化，都需要各种各样的提示信息来给用户带来引导。

通用提示是网页的重要组成部分，应用的多元化造成复杂的提示场景：

• 网站运者会在网站的变更中加上提示文字；
• 开发人员的系统提示也会出现在页面上；
• 一些网站独特的功能中也必须给出相应的提示信息来引导用户；

种种的情况导致每当有提示出现时，需求方都要去找交互设计师进行相应的沟通。当成一项需求去进行开发，从文案到视觉、布局，再将以前做好的提示模板拿出来改动、从运营PO，产品规划师PD，UED部们的交互、视觉，发布时QA的质量监控。。。等等部门，改丝毫而动全身，成本提升，工作严重下降。

那么对其进行量化和归类的重要性就可见一斑了。下面我总结了一些通用的提示信息：

通用提示信息分为四种：

第一类：提示，它诠释当前需要提示内容的信息，依附于所提示的内容显

这是一个正在逐渐流行的创意的趋势。事实上它非常容易实现，只需要增加了一个额外的元素和独特的设计。

让我们看一下该如何实现立体盒子的效果吧，然后，我们将会给大家展示一些很好的例子。

准备

先准备好你的页面和图片，我们使用这张图片：

我们简单的将HTML写成这样:

<div id='container'>
 <img id='logo' src='logo.png' alt='Lee Munroe'  />
</div>

CSS样式可能会是这个样子的:

body{background:#999;}
 
#container{
 width:960px;
 background:#fff;
 margin:20px auto;
 padding:10px;
}

下面是一个效果预览：

设置为相对定位

当我们

呵呵，今天看到这篇文章，觉得与他深有同感所以摘过来了，与大家一同分享！

《怎么写好一份图形界面设计师简历?》

个人信息

• 联系方式
  电话一定要有，虽然已经21世纪了，电邮啊IM啊都很方便，但最直接最实时的通讯方式还是电话，而且投完之后尽量保证手机畅通。
• 照片和性别
  姓名 、性别 、年龄 、学历及学位都是最基础的一定要有，至于其他的尽量放相关的，体重啊、个人艺术照啊就不必了。不过老实说，做GUI的确实是男多女少，能力相当的时候女生有时候也是一种优势，毕竟很多manager比较看中男女搭配对于提高工作效率的作用。

工作和教育简历

• 简洁
  这部分常常是简历里所占面积比较大的，虽然确实很重要，但是也得注意保持简洁，点出以前的工作职责和时间就可以了，像是大学里学过的课啦，学期成绩表之类就免了吧，重要的还是用能力说话。工作和教育简历这方面的内容常常是面试时的重点，所以纸上未必得太详细，可以和面试官口头

                        简单地WPF解译

BorderThickness - 边框的宽度（像素值：上下左右；左右,上下；左,上,右,下）

        BorderBrush - 边框的颜色

        CornerRadius - 边框角的半径

        Border.BorderBrush - 继承自 System.Windows.Media.Brush 的对象

        Content - 按钮上显示的内容

        Click - 按钮的单击事件

        Cursor - 鼠标移动到按钮上面时，鼠标指针的样式

            Arrow - 箭头

            Hand - 手形