|
在这个博客后，我敦促网站设计者认为只是它们所掌握的工具之一图形。 内容，而不是图形，应该是任何网页设计师主要关注的问题。 您应该能够 辩解 所使用的网页上通过询问，每一个形象，包容“是更有效和高效地使用这个形象，而不是忽略它，或使用文字而不是？” 我看的文字和图形的相对优势，并检查5个关键领域的图形，可以有效地进行沟通至关重要。 “像什么？ 爷爷，网页设计 是 图形 - DUR“！ 我常想同样的事情。我喜欢像下家伙多酷的图形。我变得很兴奋的视觉效果，从巨大的艺术飞溅到整齐的按钮样式。 我也知道，整齐的图形图像没有什么有效的网页设计。我见过的大网站，真正的工作 - 因为在他们带领到什么我想我，让我的注意力，创造一个愉快的交谈，使我想分享的一句话 - 这几乎不使用任何图形的。 网页设计是不是图形 其实，网页设计 通信：创造一些沟通信息，或经验。这就是所有的设计是 - 一个沟通的工作。 视觉设计是各具特色的通信采用直观手段。网页设计是各具特色的沟通 通过网络用户代理 （其中，顺便说一下，是不是总是一个图形浏览器）。 它可能有一个伟大的，真正有效的网站，不使用任何图形。而一些网站上的图像完全依赖，实现自己的目标。 图形和照片只是其中的工具在你的设计工具包有，而不是只有一个。 其实，我认为他们不应该是主要原因之一任。如果你是一个圆形的网页设计师，完全致力于让每一个网站，你尽最大的成功，它都可以，你的＃1工具 字. 文字和图形都是有效的通信工具如何建立网站。 （那么，照片，彩色，印刷术，视频，声音，定时，纹理，空间，惊奇，美容，和丑。） 让我们完全清楚： 没有什么错与图形。我要说的是什么，是最好的设计师，你都可以，你要发展的尖锐纪律 识别的最佳工具 任何工作。 您可以 设置心情 文字或图形。 您可以 吸引注意力 文字或图形。 您可以 描述一个产品或服务 文字或图形。 您可以 显示选项或行动 文字或图形。 您可以 传达一个想法或概念 文字或图形。 您可以 显示你是谁，你做什么 文字或图形。 当你使用的话，当你使用图形？让我们一起来看看！ 规则：使用文本... ...除非... ... 有时说话是最好的，有时图形是最好的。一般来说，单词是最有效的，你应该 总是试图用文字 在图形的地方，除非你有一个 充分的理由，以确保图形会更有效. “总是用文字，图形，除非更有效。” 文本有几个先天的优势，它可以使得它有图形的天然优势。 文字是： 较小 可读的搜索引擎，文本转语音读者，和所有其他用户代理 更快地使 更容易改变 更容易摘要（翻译，存储在数据库等） 更容易地创建使用代码 通常更清晰，更有意义 不易受个人口味 更容易扩展和重新格式化，为人民造福视力困难 示例 Close-up of Matt Lawrence's text logo 对标识 马特劳伦斯的残疾宣传和网络/项目管理网站 是纯文本，非常轻便，但影响。 这些优势使文本高尚和有价值的盟友。但它并不总是最好的。让我们考虑一些时候，你 会 转向图形。 所以，先生，Smarty的裤，生活中- A -非图形 - 远程登录中世纪- DOS提示符，世界的，苦难，当 不 您使用的图形？ 1。内容图像！ 很明显，有时??你的内容 是 图像。 如果你是一个摄影师，你表现出你的工作，显然你的内容将摄影图像。 如果您的内容是新闻故事，呈现出的东西是你的故事图片约有助于加强网页的getability。 举例 Chris Gloag's photo portfolio 内容 ，并 有关消息 克里斯Gloag的摄影对开 是视觉的，所以这里的重点应该是完全的内容图像。 BBC News Story on Barack Obama 这 BBC新闻项目在奥巴马的环保目标 受益于设有一个自己的男人最近的图片。 看到奥巴马在户外设置有助于加强“aboutness”的页面，并帮助您迅速获得上下文。支持的内容是这样的图像也可以帮助使干文字出现更具吸引力。 2。额外的视觉影响 今天的普遍支持的CSS样式给相对多一点的控制 造型 文字。这几乎是不限于：大小（不准确），颜色，背景和地位。有时，你的设计需要借鉴对某些内容的眼睛强烈。图形往往会给额外的吸引力（但要记住的吸引力是相对的 - 如果您的网页上一切试图吸引眼球，眼球丢失的页面变得 不 有效）。 假设你有一个东西就可以了很多巨大的页面，并且要提请注意的报价，你可以使用红色背景（只用CSS）的白色文本，也可以放在一个红五星的白色文本（图形）。 销售！ 50％的折扣！ sale flash graphic 这颗恒星增加了活力，不能单独的文本（通过添加径向对角线，打破了横向的文字出来），这可能会吸引你的设计添加（您 通信）的需求。 硬信息沟通是与这两种方法相同??：有一个销售，价格降低50％。唯一的区别是在视觉冲击力。 成本计算的图形 请记住明星 图形使用3586字节 （和一个附加的HTTP请求到服务器），而 文字只使用138个字节，其中大部分是CSS可抽象成一个样式表，并且没有额外的资源打击。 虽然文件的大小和速度不是不重要的，最大的成本，大多数企业是 的时间。如果想改变我的客户从50％至75％的折扣，它会带我 约5分钟：开拓Photoshop文件，编辑文本，切出新的恒星图形（确保它的原始大小相同），选择我的优化设置，并上传。 为了使文本同样的变化对我们网站的大部分，将采取 也许60秒：定位到客户的CMS，单击登录按钮，定位到页面中，选择包括，编辑，储存，发布。 这似乎不是一个很大的差别，但一个大的项目，这些额外的5分钟内就可以真正积少成多。 当您使用这个原因图形，请问 支付的其他影响 值得 额外费用的图形. 3。实现精确的视觉要求 如果您的网页设计是一个公认的品牌（或者一个想成为公认的），将在完全正确的字体中的主导地位在页面上的图形标志，颜色，样式和比例，明确指出，“这是一个施乐/耐克/苹果... ...网站“。 你可以尝试这样做，在文本，但您可能无法成功沟通的基本价值（即它是一个官方品牌网站）。 如果你需要的文字出现在 完全 以正确的方式 - 这样 - 有时你必须表明它图形。虽然CSS给你一个文本是在如何在浏览器中显示的控制多，但它并不总是可以指定大小extactly，而你总是在每个访问者的计算机上安装的字体而定。所以，如果这真的很重要 关键是要残酷约时，它的真正诚实 重要的，与真的非常 不错 为您的文字出现刚刚的。 举例 Freelenz logo 从标志 Freelenz网站 不能呈现在保留这个人物的任何文本。 4。视觉传达本质属性 如果你需要描述纯粹的视觉特征：无论形式，美容，色彩等，照片或图形可以传达的信息瞬间。 虽然文字可用于创建心情（读过一本好书？）很大，如果你想创建一个特定的情绪或风格非常快，并且可以不依赖于你有时间访问者 读取 对正文，图形的路要走。 举例 Close-up of screenshot of Expression Engine's software 关于截图 表达式引擎的主页 显示了软件产品的用户界面。 显示了这种现实产品的实际形式表明，它 存在，反映了一些 关键属性 （看起来有吸引力和直接使用）。 Crop of Los Angeles County Museum of Art home page 该 洛杉矶县艺术博物馆的主页 有飞溅区域，通过他们的curent大循环展览。 当你沟通的事实，即著名的或有趣的艺术是展示 - 或任何事情在本质上是视觉 - 视觉明显的手段。 5。语言独立性 另一个有关图形伟大的事情是，因为他们没有文字，他们可能更广泛的理解。你并不总是需要发言的网站的书面语言，为了得到一个图形的意义。 这可以同时适用于 硬盘 ，并 软 信息。 举例硬信息 Close-up of icons on Google Docs 这种近距离的 谷歌文件 用户界面显示的图标是立即识别对大多数人来说，用什么语言你发言的人数。 因为他们是偶像（识别），有可能为图标来沟通自己的意思，没有文字，伴随着这些。 这些图标表示，通过一个更加普遍的视觉语言，而不是口头或书面语言，特定的含义。 测试应该是：是图标识别足以令它比文字标签效率？或者说，是语言独立的关键？ 例如通用软信息 Close-up showing rich visuals from Satsu portfolio 这个片段来自 萨都的打印和网页设计组合网站. 该网站拥有丰富的垃圾风格，沟通的方式的univerally瞬间理解了设计者的个性和方法。 所以在这里，沟通 风格和情调 是中央对网站的消息。 6。大厦通过视觉的存在证明信托 我们都非常愤世嫉俗，尤其是在网络上。当有人告诉我们的东西，我们往往运行的心理测试，看看他们是如何可信的，我们是否可以相信他们的故事是真实的。 但是，我们往往相信自己的眼睛，我们更多的证据。因此，当你想要证明是一个可见的产品 - 无论是乘船，一件T恤，或软件部件 - 显示在野外它有助于建立在现有的访问者心目中的信心。 示例通过视觉信托大厦 Close-up showing rich visuals from Satsu portfolio 这些截图，从 issuu.com的智能查找，帮助您认为该软件是一个真正的 产品的，因为你可以看到一个用自己的眼睛浏览器。 Shot of Ministry Give - donation management software MinistryGive，从ChurchMedia，是一个解决方案，帮助企业管理的慈善捐款。 显示在Web上的行动产品，在媒体亭，并在一个iPhone不仅传达这一种解决方案可以通过多种方式访问??的事实，但也加强了这一MinistryGive是一个真正的现场应用，在游客的心中，他们可以相信英寸 Close-up of Stonetire's home page Stonetire的网站 显示了轮胎桩，这让毫无疑问他们的业务是什么你！ 此图片传达了不少东西，在事实：我们的轮胎，我们要做大，厚实，坚固的，我们是一个低调平易近人的业务（如轮胎不叠上闪闪发光的金属架标签）。 7。 Summarising复杂数据 有时，它更容易获得大画面视觉上就比所有的原始数据。 示例使复杂的数据更容易消耗 Shot of graph from Google Analytics 这是从谷歌分析图总结了在一段时间内网站的关键页面的访问。 它更高效地获得大画面，可以传达比等效的数据表相当多的信息以摘要的形式很多（如果不准确）。 （爱德华托佛特已经做了一些有趣的工作在他的迷你开拓这一限制看。） 结论 显卡是必不可少的工具，但他们可以如此强大，他们必须明智地使用视觉吸引。 学习使用图形和图像自觉，当你真正想沟通，而不是装饰。 |
|
|
