今天再来跟大家分享一个去年8月份做的网站设计案例，我负责设计渤海银行深圳分行高尔夫俱乐部网站，主要是信息发布和资源共享的一个平台……

该俱乐部的目的是：把俱乐部打造成客户和银行间、客户和客户间相互了解、深化合作的平台。

了解到该网站建设的目的，我给网站定义的色调是比较轻松，休闲，同时不失稳重这样的一个基调。

转载蓝蓝设计( www.lanlanwork.com )是一家专注而深入的设计机构 ，为期望卓越的国内外企业提供有效的 BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

原文地址：http://www.uisheji.com/41519.html

我们认为目标导向设计方法由4个P组成，即process、pattern、principles、practices(过程、模式、原则 、实践)，下面我将和大家一起讨论前3个P。
 

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里 。

本文来自：http://www.chinavisual.co/archives/3080/

我们很高兴目前 Web窗体设计：在空白处填写  “路加福音Wroblewski”第 13章的摘录（2008年 罗森菲尔德媒体）10  ％ 的代码保存 ALAWFD当您 以出版商的网站。 - ED。

我就出来了，并说这：注册表单必须死。 在这本书的介绍中，我描述的绊脚石后，被推荐到Web服务的过程。 你到达急于潜水，并开始从事和迎接你的第一件事就是什么呢？ 一种形式。

我们可以做得更好。 事实上，我相信我们可以得到与从事数字化服务的方式，告诉他们这样的服务是如何工作的，以及为什么他们应该关心不够使用它们的人。 我也相信我们可以做的，没有明确地让他们填写一个注册的形式作为第一步。

但是，在我们到逐步参与的潜力（您的路径，登录“dullery”），让我们来看看，如何从事与在线服务的过程中通常工程。 自2007年以来，在线视频的一个突破的一年，是安全的假设，有很多人在网络上去后他们的影片之一。 也许他们听到 谷歌视频 是这样做的好去处。 在到达现场后，他们发现了一个链接，分享他们的视频和接下来发生了什么？ 他们得到了在图13.1的形式。

Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too.

Remember to provide the best possible experience on each platform. Do not deliver an iPhone experience to a BlackBerry user. Every platform has its own UI and usability guidelines that every user is expecting on your app

• iOS Human Interface Guidelines (iPhone, iPod and iPad) - PDF version
• 
                  
• iPad Human Interface Guidelines iPad HIG was merged with iPhone in iOS HIG (see above)
• 
                  
• UI Guidelines for BlackBerry 6.0 Smartphones – PDF version
• 
                  
• UI Guidelines for BlackBerry 4.x, 5.x Smartphones – PDF version
• 
                  
• Android User Interface Guidelines
• 
                  
• Nokia N9 & Meego 1.2 Harmattan UX Guidelines
• 
                  
• UI Guildelines for BlackBerry PlayBook – PDF version

阅读瞬间发生了什么？
       当阅读行为发生时，如果能进入人脑，你会发现复杂的处理过程在瞬间发生。所以在谈论设计之前，让我们先来看看阅读表格时，人的大脑都会处理哪些任务。

    阅读标题 ：用户在阅读表格时通常会简单略过行或列的表头。
    通读全篇 ：用户也许会先花时间扫描全篇，了解表格的整体结构，数据分类以及复杂性。
    视觉搜索 ：为了找到数据，用户会顺着一行或者一列直到发现交叉点的有用信息，当用户对表格的结构熟悉，或者上下文的表格结构相同的时候，视觉搜索会更迅速的完成。
    信息提取 ：找到目标数据后，用户就从表中提取了一条基本信息。
    理解 ：用户倾向用他们已有的知识去理解已从表格中获取的信息。
    确定类别和趋势 ：用户会从感知层面对相似的数据进行归类并寻找变化趋势。
    比较 ：用户将会比较数据，并发现规律。
    推断 ：为了更深层次的理解数据变化，用户往往会推断一些结论
    解释 ：用户将会从自身的知识库中提取信息，来解释数据的意义。
    回忆 ：用户会需要记住表格中的一些信息，以便在将来使用这些信息。
    决策 ：用户会以他们对数据含义的解释为基础，进行相关决策。

 

许多人都认同这样一个现象：表格虽然是用户界面设计中的一个重要部分，但是它们却经常会被忽视。表格应该显示让用户更易读，更易扫视，更易比较的结构化数据，但在很多情况下，表格数据却显得模糊不清。这就是很多人不喜欢表格的原因。

用户的日常工作经常使用表格，但是谁会需要让他们崩溃的东西呢。要改变这样的现状，下面给出一些使表格易用的指南。

行交替样式Alternating rows styling

这是很明显的，但是事实如此吗？看看今天的WEB应用，你就会发现很多并不适用。因此，行交替样式并不明显，这就是把他列为第一个来阐述的原因。

在数据较多的多行多列表格里用不同样式交替显示不同的行，这会提高用户区分数据的能力。可以采用背景色或者背景图片，如果采用背景色，背景颜色应该比页面颜色浅或者深一点。图像背景应该选择和符合整体配色方案的图片。也可以把背景色和背景图组合应用于表格边框。表格的header和footer部分应该易于识别，可以采用比表格行深或者浅的颜色。

BlinkCampaign的表格行采用了浅一点的亮绿色，header采用了稍微暗一点的绿色。

从某种意义上来说，的确如此。一个好的表格应该以易于理解，简单明了的方式传递大量的信息。真正的重点应该 放在信息上， 对表格的过度设计会抵消这种作用。从另一方面来说，巧妙的设计不仅可以使一个表格更具吸引力， 而且可以增加可读性。 

今天我们来看看提升表格功能和美观的几种方式。我们经常会在网上的价格页上看到表格的应用，因此主要以该种表 单为例。请记住这些原则可以应用到任意类型的信息列表上（不仅限于 <table> ). 

垂直，水平或矩阵？Vertical, Horizontal or Matrix?

一如以往，我们从最明显的地方开始。第一步是决定表格的整体结构。结构取决于呈现数据的类型和复杂性。选择 垂直的列还是水平行，通常取决于个人偏好。大致规划下表单的内容，然后决定采取哪种方法能更好地传递信息。很显然，如果信息包含多变量，那么选择矩阵来表示。下面分别以几个简单案例来开始。

垂直