设计最有趣的地方在于它的通用性。无论是音乐、建筑还是工业，设计的规律都是相似的。今天的文章来自纽约的产品设计师Melissa。建筑系毕业后，她没有从事自己的工作。2014年11月，在学习了两个半月的网页设计后，她开始转向产品和UI设计。她目前正在研究Percolate。不要低估她的设计素养。建筑系的系统学习，让她对广义的设计有了更深刻的理解。这篇文章是半年多的阶段性答卷。这篇文章总结了从架构到产品UI设计的四个基本原则。1、轴是UI设计中最基本、最常见的概念，也是组织界面结构的重要核心。简单地说，轴线就是在设计过程中组织一系列元素的假想线。在下面的设计图中，轴用虚线标记。1.轴对齐最常用于对称元素的使用。当元素以轴对称布局排列时，会给人一种秩序感。就像生活中的大多数事物一样，我们倾向于享受井井有条、感觉顺畅、舒适和平易近人的事物。最简单的例子就是iTunes程序中专辑列表的设计。所有专辑列表都在界面左侧对齐，并围绕虚线轴对称。2.加强虽然轴线是一条假想线，但如果周围元素的边缘控制得足够整齐，跳线在视觉上会变得更加“明显”。最好的例子就是城市中的路灯在道路两旁的建筑物之间形成了轴线。如果一侧有建筑物，另一侧没有建筑物，那么这条轴线的感觉就不会那么强烈。从产品设计的角度来看，Twitter的时间线设计是一个很好的案例。左边的头像和右边的推文一起营造出中轴的落差感。3.运动当我们遇到某条线时，我们的视线会自然而然地沿着这些方向移动，就像我们站在街上，有意识地沿着街道的两端走一样。这两个端点决定了定义起点和终点的线。线，或者说轴的存在，引导和提示着运动的方向。在SoundCloud中，音轨沿预定的水平轴移动。随着音乐的播放，音轨以恒定的速度自然地从左向右移动。4.连续性如果终点不确定，你通常会沿着轴浏览/移动，直到找到有趣的东西，或者感到无聊并关闭应用程序。在建筑中，一个未定义的终点是非常罕见的，因为建筑的建造通常不会永远持续下去，但UI设计不同，永远滚动是一种非常流行的设计技术。PinterestAPP中是这样操作的，连续的图片沿着中轴方向不断滚动，只要你有兴趣就可以看。2.对称当元素均匀分布在轴的两侧时，它们形成对称关系。当元素在轴的两侧精确地一对一对齐时，它们就会形成完美的对称。1.平衡与对称让整个设计更加平衡。当元素和控件在轴的两侧处于同一位置时，会给人一种和谐的设计感。我们在规划街道两边建房的时候，如果左右两边各有五间大小相同的房子，这种平衡的设计，走在街上会让人很舒服。情怀。Rdio的APP设计遵循这样的设计规则。屏幕两侧的控件具有相同的规格。这种布局非常适合阅读。用户会自觉地从上到下、从左到右查看。2.不对称如果轴两侧的控件布局不再一一对应相同的大小，则为不对称设计。不对称的设计会产生明显的不平衡感，这可能会让人不舒服，但它也会产生不完整的美感，这取决于你怎么做。虽然Pinterest的APP设计总体上是沿中轴对称（宽度相同），但是两侧的界面控件并不对称，高度不一致，位置也比较分散。轻微的落差会被眼睛捕捉到，这样的差异会妨碍用户以准确的左右顺序阅读。不对称的设计打破了设计的平衡感和舒适感，但也能缓解规则设计带来的视觉疲劳。#p#3。层次结构当一个元素出现在比其他元素更重要的位置时，就会出现层次结构。1.大小如果一个设计元素的大小比其他控件大，就会区分层次。毫无疑问，当我们看一个设计时，我们通常会被最好的元素所吸引。如果一座建筑物有五扇窗户，其中一扇是其他四扇的两倍大，我们的注意力自然会被它吸引。按大小区分文章列表层次结构的典型示例是ReadLater应用程序Pocket。顶部的文章轮播图片更大，它的位置和大小让我们一眼就能注意到。2.Shape如果一个控件在形状和形状上与其他控件不同，也可以使它成为一个独立的层次。不规则的设计也可以引人注目。建筑物的正面有五扇相同的窗户和一扇闪光门，您会立即注意到这扇门有多么独特。在Instagram的头像页面上，圆形头像在方形头像中独树一帜，十分醒目。会让人们意识到这种独一无二的东西更为重要。3.位置位置的存在也可以揭示层次的差异。在圆圈内，中心的内容比边缘的内容更重要。网格顶部的控件似乎优先于其余控件。以应用Path的设计为例，时间轴顶点的用户头像显然比时间轴的其他部分更重要，而这个地方恰好也是显示用户头像的地方。4.韵律UI设计和建筑设计同样具有韵律之美，重复的图案会营造出独特的韵律之美。一、调式了解节奏最直接的方法就是听歌。音乐有节奏感，大多数音乐都遵循相同的节拍，节拍是音乐模式的一部分。这方面最典型的APP就是Airbnb。APP列表中的每个房子都占用一个模块。模块中有相同大小的图片。它们之间的间距也是相同的。浏览时，熟悉的节奏会让你清楚地知道去哪里寻找关键信息。2.间歇性当节奏被间隔打断时，会形成不同的层次。听一首歌，当均匀的节奏被其他音乐元素打断时，你会意识到这是一个特别的部分。在推特APP中，推文和推文保持着相同的风格甚至节奏，但“推荐用户”项的风格不同，被插入到推文列表中，打破了整个信息流的节奏，突出了不同的层次，会很快抓住你的注意力。
