九乡新闻网邓肯生涯最高分:媒体志愿者重新设计方案
来源：百度文库 编辑：九乡新闻网 时间：2024/07/04 22:40:10
媒体志愿者中心是由绿媒体Toolshed运行项目。
这是一个在线应用程序，让志愿者的帮助下保持接触的媒体数据，然后提供给所有参与的积极变化环游世界组织庞大的数据库。
原始网站设计，已经干净和简洁，但客户想知道如何更清晰，更易于使用的网站可能会。
他们还希望有一个更清新，更“Web2.0的”风格仍然适合以联合品牌或重新品牌需要的地方。
原始截图
初步的看法
Media Volunteer Center original site screenshot
登录的用户
Media Volunteer Center original site (logged in)
我国重新设计截图
Media Volunteer Center redesign screenshot
关键问题
我们开始与一个优秀的Web应用程序的基本知识：
简单，传统布局
在口头上，非常经济
视觉设计工作主要集中在 颜色和色调.
然后，我们做 文案，特别是在“交易”寻找。
1. 颜色和色调
与整体视觉效果出发，很明显，整体感觉过于激烈（尤其是 web2.0风格 我们瞄准的）。
1A条。 初步认为缺乏色调与色彩分化
Original site screenshot, 25% scale
在主页上来看，这是很明显的深蓝色区域是页面背景，但你应该先看看哪里？
每单位面积的屏幕颜色，而且不容易被发现那里的主要内容是，在色调/颜色的孤独。
关于中蓝黑色文本内容区域是相当低的对比度，因此不跳出“读我”。
瓤色区最突出，对蓝色的内容区域，但它不应该是地方，你先看看，因为你缺少一些重要的基本信息（我们稍后将到一起）。
1A条。 硬边画眼
一旦你进入该网站，主要内容是在白色背景上显示，这有助于。
在（25％的比例）页看，什么最吸引眼球？
Small screenshot of original MVC page
我的眼睛，强烈的蓝色背景色是相当“有吸引力”（意思是它吸引你的注意），并创建中央面板与白色很生硬。
所谓“硬”，我的意思是有一个很明确的，强对比之间的蓝色和白色基调的突破...
顶部深蓝色栏仍是更激烈 - 在页面上最深的基调 - 并创建一个具有相当的灰色硬边栏下方。
25% screenshot of MVC page, showing edges of hard contrast
这里，我以红色突出显示最困难的边缘。
（试行斜视测试：主要是闭上眼睛所以一切的模糊，看你仍然可以保留..）
现在，有没有什么硬边，本身错误的。
我一直在进行有关如何视觉设计基本上是在管理的眼保健操。有时候，你 希望 提请眼睛的东西。
这里的问题是，边缘并不重要，因此我们不希望提请注意他们。因为他们是 所以 辛苦，他们实际上吸引注意力从最重要的东西，这是在中央面板的内容。
第1B。 强烈的色彩还提请眼睛
使用相对紧张的另一个困难是，强劲的背景颜色也提请人们注意。
漂亮的蓝色的大面积比枯燥的平面白色吸引力。
我们做什么
以下是我们重新设计，以25％的比例也...
MVC redesign at 25% scale
什么是最 引人注目?
你会发现，新的设计领域之间的内容和网页背景（虽然他们仍然明显区分），这有助于观众对中央重点内容要低得多，对比度边缘。
此外，色彩最强的领域是绿色的标题背景，那么，（它链接到的各项任务，你可以做的）彩色标题。
另外，我们已经把在白色背景上，这是很容易阅读和明显的所有主要内容。
2. 文案
起初认为，关于本网页文案看起来真不错：简洁，并到该点。
然而，一旦我们从一开始就通过用户体验考虑，我们发现的机会，以澄清该消息并流（东西它总是作为一个局外人更容易做）。
这里的原始文字主页（主要内容区）
我已经记录在逻辑顺序的话，你会读到他们没有太多的格式。
这是一个在线应用程序，让志愿者的帮助下保持接触的媒体数据，然后提供给所有参与的积极变化环游世界组织庞大的数据库。
原始网站设计，已经干净和简洁，但客户想知道如何更清晰，更易于使用的网站可能会。
他们还希望有一个更清新，更“Web2.0的”风格仍然适合以联合品牌或重新品牌需要的地方。
原始截图
初步的看法
Media Volunteer Center original site screenshot
登录的用户
Media Volunteer Center original site (logged in)
我国重新设计截图
Media Volunteer Center redesign screenshot
关键问题
我们开始与一个优秀的Web应用程序的基本知识：
简单，传统布局
在口头上，非常经济
视觉设计工作主要集中在 颜色和色调.
然后，我们做 文案，特别是在“交易”寻找。
1. 颜色和色调
与整体视觉效果出发，很明显，整体感觉过于激烈（尤其是 web2.0风格 我们瞄准的）。
1A条。 初步认为缺乏色调与色彩分化
Original site screenshot, 25% scale
在主页上来看，这是很明显的深蓝色区域是页面背景，但你应该先看看哪里？
每单位面积的屏幕颜色，而且不容易被发现那里的主要内容是，在色调/颜色的孤独。
关于中蓝黑色文本内容区域是相当低的对比度，因此不跳出“读我”。
瓤色区最突出，对蓝色的内容区域，但它不应该是地方，你先看看，因为你缺少一些重要的基本信息（我们稍后将到一起）。
1A条。 硬边画眼
一旦你进入该网站，主要内容是在白色背景上显示，这有助于。
在（25％的比例）页看，什么最吸引眼球？
Small screenshot of original MVC page
我的眼睛，强烈的蓝色背景色是相当“有吸引力”（意思是它吸引你的注意），并创建中央面板与白色很生硬。
所谓“硬”，我的意思是有一个很明确的，强对比之间的蓝色和白色基调的突破...
顶部深蓝色栏仍是更激烈 - 在页面上最深的基调 - 并创建一个具有相当的灰色硬边栏下方。
25% screenshot of MVC page, showing edges of hard contrast
这里，我以红色突出显示最困难的边缘。
（试行斜视测试：主要是闭上眼睛所以一切的模糊，看你仍然可以保留..）
现在，有没有什么硬边，本身错误的。
我一直在进行有关如何视觉设计基本上是在管理的眼保健操。有时候，你 希望 提请眼睛的东西。
这里的问题是，边缘并不重要，因此我们不希望提请注意他们。因为他们是 所以 辛苦，他们实际上吸引注意力从最重要的东西，这是在中央面板的内容。
第1B。 强烈的色彩还提请眼睛
使用相对紧张的另一个困难是，强劲的背景颜色也提请人们注意。
漂亮的蓝色的大面积比枯燥的平面白色吸引力。
我们做什么
以下是我们重新设计，以25％的比例也...
MVC redesign at 25% scale
什么是最 引人注目?
你会发现，新的设计领域之间的内容和网页背景（虽然他们仍然明显区分），这有助于观众对中央重点内容要低得多，对比度边缘。
此外，色彩最强的领域是绿色的标题背景，那么，（它链接到的各项任务，你可以做的）彩色标题。
另外，我们已经把在白色背景上，这是很容易阅读和明显的所有主要内容。
2. 文案
起初认为，关于本网页文案看起来真不错：简洁，并到该点。
然而，一旦我们从一开始就通过用户体验考虑，我们发现的机会，以澄清该消息并流（东西它总是作为一个局外人更容易做）。
这里的原始文字主页（主要内容区）
我已经记录在逻辑顺序的话，你会读到他们没有太多的格式。