发布时间：2024-7-10 分类： 行业动态
本文将分享一些有关设计的技巧，您可以灵活地将其应用于实际工作，并帮助改进您的设计。
对于刚刚进入设计行业的新手来说，一些一般的设计原则经常被忽视。但是，每个人都可以理解并将好的设计原则应用到您自己的设计中。今天，我将分享一些有关设计的提示。您可以灵活地应用于实际工作，并帮助您改进设计。
如果你不相信你可以做设计，那就记住我们的传奇角色David Eric Grohl说：
我从不学习打鼓课，从不学习吉他课，我依靠个人探索。我认为，如果你真的对某事充满热情，你就会有动力，而你会集中精力学习，这样你就可以做任何你想做的事。 —— Dave Grohl，Spitfire Band
把这句话放在心里，你准备好学习速成班吗？让我们开始吧（没有具体的订单）：
1.使用足够的颜色对比
在我们的日常设计工作中，请确保材料背景和字体颜色具有足够的色彩对比度，以避免视觉障碍。例如，白色背景上的黑色文字是最容易识别的，因此显示效果会更加生动。最好不要使用浅灰色，黄色或绿色。这些相似颜色的颜色在视觉感知中不易识别。
2.深灰色比黑色好
当我们排版文本时，我们可以尝试深灰色333333 RGB（51,51,51）。它不是纯黑色，因为纯黑色与纯白色背景形成鲜明对比，看起来令人眼花缭乱。深灰色更柔和，更容易集中精力阅读。
3.将重要内容放在前面
在布置网页或设计应用程序时，请突出显示关键内容。重要内容应该是可见的，无需缩放，滚动或单击。
我们来看几个视觉层次结构设计的例子。
Instagram（在下图的左侧）是显示用户在整个屏幕上发布的图像/视频的好方法。
Pinterest（右下角），将搜索栏固定到顶部以创建可视层次结构，然后搜索栏将网格放在下面。故意使用搜索框作为页面上的第一项。
搜索是应用程序的核心功能，人们使用Pinterest发现和浏览他们想要的页面。
让我们看看另外两个例子。
Spotify（在下图中的左侧）首先将专辑封面和音乐标题放在第一位，将用户操作按钮放在第二位。虽然操作次之，但Spotify仍然保证播放暂停按钮比前进后退按钮更明显。
Facebook（在下图的右侧）看起来与Instagram非常相似，将朋友发布的内容放在屏幕的正面和中间。
4.对齐
如果有办法快速改进您的设计，那就是调整您的设计材料。
这也是设计师使用“网格”的原因。提醒自己对齐，良好的排版会给用户带来不同的用户体验。
确保元素对齐是改进任何应用或网站的最简单方法，您可以立即将视觉效果提高10倍。
我们来看看其他对齐情况，这次是Medium。
这是一个中型页面，您认为它看起来如何？
是否觉得它不悦目？
提示：注意左侧的对齐方式。你看起来像什么？
在左边，我强调了糟糕的排版。在右边，我只是对齐内容的左侧。
左侧未对齐方式产生视觉冲击，右侧始终对齐
左侧是不对齐，右侧是固定对齐
5.文字大小和空白
我们的设计是供人们观看，而不是蚂蚁。增加文本大小并留下更多空白将使内容更具可读性。
良好的文字大小与糟糕的文字大小
好空白VS坏白空间
6.如果订单很重要，请使用列表
大多数移动/网络应用程序都设计有搜索功能，可能存在一些关于如何显示搜索结果的争议。
如果结果的顺序很重要，则列表是显示结果的最有效方式。
如果结果的顺序不重要，并鼓励用户浏览和探索更多内容（如Pinterest或Airbnb），则网格视图可以提供更多信息，并使用户更容易浏览搜索结果。
7.先做黑白设计，然后给它上色
在设计应用程序界面时，使用黑白设计，这样我们就可以更加关注核心用户体验。
如果您在设计时直接使用其他颜色，很容易影响设计师的情绪并降低您的注意力。
8.使设计使用舒适
使用手是一个非常现实的问题。卢克绘制了最容易触摸和使用的区域（右手）——我非常喜欢可以设置左手和右手功能的应用程序。
许多高效的移动应用程序将导航栏和主要操作按钮放在手机的底部。
9.借用调色板
色彩是一种难以捉摸的艺术。我强烈建议大家去Dribbble搜索“Color Palettes”或使用调色板编辑器，如Coolors或Color Claim。这可以节省您数小时的辩论和纠结的时间。
10.使用Apple和Google的系统设计规范
Apple和Google都编写了很棒的设计资源来帮助任何人构建Android或iOS应用程序。
例如，Google的Material具有设计原则，资源，颜色，图标和控件，可帮助您快速入门。
Apple的《人机交互指南》，在里面，你可以找到设计iOS应用程序的所有要点。
Google Inc.《材料设计》和Apple《人机交互指南》部分截图
最后，设计需要更多练习
只有运用知识才能真正帮助您改进设计。虽然将注意力和注意力集中在不同的设计问题上需要时间和精力，但您会发现这是成为真正伟大设计师的唯一途径。
原作者：Marc Hemeon
原始地址：https://medium.com/startup-grind/how-to-not-suck-at-design-a-5-minute-guide-for-the-non-designer-291efac43037
本文由Mockplus团队发布。未经许可，禁止转载。
