2024年网站负空间设计 篇1
优秀网页设计的 5条原则：
1. 建站目的是基础
网站的消息传递和号召性用语 (CTA) 是支持其目标的关键。建站的目的可以很简单，如促进购买、讲述公司故事或提供教程。您应该能够用一两句话捕捉您网站的意图——想想使命宣言。
站点设计不是您应该在进行过程中弥补的东西。目的将为您提供清晰的计划并指导设计和内容创建。即兴发挥并不是实用的设计理念。
巩固网站目的的一部分是了解它是为谁服务的——您的受众是谁，他们需要什么信息，以及您的网站将如何提供这些信息？了解您的受众的人口统计数据和痛点将帮助您为您的网站找到正确的方向
2.视觉效果让人们参与其中
每个设计元素都应该反映和传达品牌的身份。照片、插图和其他图形平衡了文本并分解了网页，让眼睛从阅读中得到休息。
令人兴奋的英雄形象给人留下良好的第一印象。动画过渡和滚动触发的效果让人们移动，并将导航从无意识的必需品转变为交互式体验。无论品牌的风格如何，视觉效果都应该为设计增添活力，而不仅仅是占用空间。软件公司、快餐车和会计师都可以在保持品牌形象的同时，利用网站的图形发挥创意。
您的视觉效果应该是高质量的并且看起来不错——使用尺寸和分辨率合适的清晰、色彩平衡的照片和图形。糟糕的视觉效果会毁掉一个伟大的设计。
PithyMfweb使用可动的云朵吸引你的注意力
3.和谐
布局的每个重要元素都应该协同工作——一直到它的 HTML 和 CSS。如果对比色的超大按钮没有充分的理由不符合要求，它就会感觉不对。不协调会分散和中断用户体验。当感觉有些不对劲时，很难看到整体的伟大。同样，糟糕的用户体验会导致网站访问者跳出——损害您在 Google 中排名的机会。
一个好的设计师会让事情变得用户友好，并且知道什么字体、视觉效果和导航类型会吸引注意力。他们对如何将它们组合在一起有一个愿景。新设计师常常试图将尽可能多的兴奋塞进布局中。但是当太多的元素需要我们注意时，我们就会失去焦点。
熟练的网页设计师会考虑每个元素的重量，并且知道何时使用约束。他们知道如何创建易于导航的页面设计。这种和谐感也延伸到品牌标识上。从站点的声音和语气到调色板的一切都应该是一致的。NUA Bikes使用灰色调色板、充足的空白和稀疏的文本来将我们的注意力集中在他们的自行车上。
NUA Bikes使用灰色调色板、充足的空白和稀疏的文本来将我们的注意力集中在他们的自行车上。
4.组织统一
内容应具有逻辑性、流动性并适合层次结构。你的内容应该引导你的观众得出一个不可避免的结论，每篇文章都建立在它之前的内容之上。每句话都应该更清楚地说明您的品牌和目的，让读者在阅读时期待接下来会发生什么。
标头标签应用于构建内容并帮助网络爬虫对您的网站进行网络搜索排名。如果在开始设计之前您没有所有最终确定的内容，至少使用标题来帮助构建您正在构建的内容。
还应组织视觉元素。用补充书面内容的图像和图形定义部分。
Blue Apron井井有条的网站设计使阅读他们的食品包订阅变得简单而诱人。
5. 留白创造平衡
留白、按钮和其他视觉设计元素有助于图像和内容的突出，并使版面不至于凌乱。留白，也被称为负空间，是任何功利性设计的一个重要方面。没有它，信息传递就会变成一个不明确的圆球。
丹·马查多 (Dan Machado) 的在线作品集使用了大量的空白和粗线条。
这五个指导原则几乎适用于您将访问的所有网站。例外总是有的但了解规则可以更容易地改变它们而不会破坏您的设计。
2024年网站负空间设计 篇2
谢谢邀请。
你说的是否有空间，有很多可以想象，不确定您你描述的问题。比如说空间包括设计空间，盈利空间等等，如果展开来说，那么就很多了。
所以下面我通过讲述设计空间方面着手吧。
设计空间中的留白是页面构图重要组成部分，适当加入留白，能让文字便于阅读，不仅能产生强烈的视觉冲击力，还可以对网页内容起到一个很好的补充，有效突出品牌的形象。
2024年网站负空间设计 篇3
标识也就是我们所说的标志、LOGO吧！要突破自我得先了解标志设计的思考维度去讲述logo的设计之道。下面我们总结40个心得简述一下！
01. 了解你的目标受众
好的标志设计不仅需要让你的作品显得富及创意及好看，它还需要能够与受众产生品牌信息的沟通。所以在标志设计的第一步，你需要先收集资料了解相关的信息。
在这一早期阶段，建议让客户与你一起探讨。你对他们品牌的想法可能与他们对自己的品牌想法是不一致的，所以关于品牌的信息都需要先厘清才能进行下一步具体的设计。
02. 深入了解客户的品牌历史
对 客户以前所使用过的标志设计逐一加以检视，然后问自己，这些标志有哪些地方是不能传达现有品牌的? 特别对于一些具有悠久历史的公司，这个过程非常有趣。你可以时光倒流回到过去，对于一些强调品牌传承的客户来说，你或许可以在最初的标志中通过融入一些新 的想法从而使标志产生质的改变。这样，即使最后呈现给世人的是一个新的作品，但在品牌中却有着延续的血统。
03. 保存所有你做过的草图
旧 的草图可以成为新的灵感来源。在标志的设计过程中，你可能是画了很多草图，最后才从中选择一个或多个来进行深化。不要将那些没有选择的早期草稿扔掉，他们 可是一个非常有价值的资源库。因为早期的一些作品或许对你当时的客户不适合，但可能对另一个客户却是合适的。你可以时常翻看这些早期的草图，或许会发现新 的灵感，而它最后可能会通过一些新的调整或演变变成你一直在寻找的新标志。
这些草图或客户没有最终选择的标志（包括铅笔画的或者在电脑中设计的），可以进行归类整理，以便下次在设计相关标志时可以轻易找出来。
04.在网上进行搜索
你可以在一些汇集标志的网站中进行搜索，而最简单的，你也可以直接在GOOGLE上的图片搜索栏里搜索。但你需要知道什么时候要停手。可以这样说，你搜索10个你认可或不认可的相关标志胜过你漫无目的的搜索50个标志。
如果你仍然毫无灵感，可以尝试在字典中查找一些关键词，或者在图片搜索网站中搜索一下相关的主题。如果你有画草图的习惯，可以翻看曾经画过的草图，在以前的草图中会有一些你当时可能没有的想法，这或许是你解决问题的第一步。
05、将书反过来看！
仍然感觉没有灵感？作为一个标志设计人员，你可能身边有很多一些标志汇集的书籍，你已经翻过多遍来寻找灵感了，但你可能从来没有试过将书倒置反过来看。试一下，或许你会有全新的发现！
06. 不要刻意模仿某人的风格
在 刚涉足设计领域的时候，我们往往有自己所崇拜的偶像，或有自己的某些兴趣偏好，这有时会让我们在设计中会有意无意地想去模仿。实话说，“模仿”本质上是你 不想开动脑筋，希望以这种偷懒的方式来解决一个创意问题，而且每个标志设计的项目的背景可能都不太一样，单一的模仿会很容易让自己无路可退。
07. 不要让客户主导设计
“标 志应该形象”及“标志应该让人印象深刻”这些要求是客户最喜欢说，但你不能让客户牵着你的鼻子走。对于任何委托的设计，你应该让你的客户的期望值是处于一 个可实现的范围内，并且让客户知道你的作品是准备传达什么意思。仅仅将标志设计得形象及难忘，这不是标志设计的套路——这世界上有很多让人印象深刻的东 西，但不见得都是什么好东西。
08. 不要被“大气”这些描述所迷惑
“大气”可能是中国 客户在设计标志时最喜欢使用的高频词之一了，但问题是，没有人知道“大气”到底是什么东西，包括客户自己。按我自己的经验，有些人会认为，带有中国风的水 墨风格，就是大气；有些人则认为，现代简洁，有较大留白空间就是大气；还有一些人认为，象西方那种繁琐但带有贵族气息的徽章纹理风格就是大气——你可以看 出在不同客户的心目中，对“大气”的理解是差别很大的，甚至是相反的。作为设计师，不要想当然地认为“大气”的风格就是什么，也不要被这些描述所迷惑。你 应该按照自己对他们品牌的理解，做出你自认为最能体现这个品牌核心的作品来。
9.画出来
在 开始设计标志时，直接打开电脑开始设计，这往往是一种诱惑。但且慢，先拿起铅笔及草稿本画出草图。但奇怪的是，很多人不喜欢这样做。实话说我多年前也不习 惯先用笔来画草图，但当我习惯了用笔来先画草图时，这个过程让我获益良多。因为用铅笔勾勒草图是一种更有效率的办法，它可以让你将最初的一些想法快速展现 出来。就算画出来的草图象涂鸦一样也没有所谓，只要它能够正确传达你的意图，而你也能够明白就行，而且往往在这种快速的勾勒也很容易产生新的灵感。
10.创建矢量图
在我们要用电脑表现标志时，我们一般用矢量软件来表现，如AI或CDR等常用软件。矢量格式的标志好处不言而喻，但偶尔还是会看到有些人喜欢用PS来做标志——实际上从我们可以认为这是不专业的表现。
11.细心选择所用字体
微软新标志的字体传达出一种清晰及实用的风格。很显然，字体是一个好的标志的中心点。你有两种主要的方式去选择：自己设计字体，或使用已经有的字体。
如果你要自己来设计字体，不要将字体设计得过于时尚，因为这样会很快就变得不合事宜了。保持字体清晰易读非常重要。如果文字是不太常用的词，保持简洁很重要。如果文字是过于常用的，别人很容易辨认，则可以来多点创意。
12.采用已有的字体
没 有人规定你必须得自己去设计字体，采用已有的字体也丝毫不会降低一个标志的质量，你完全可以考虑使用已有的字体。当然，通过对现有字体的细节元素通过删 减、扩展或连接元素已经足以让你的设计显得非常独特。其魅力之处就在于你如何用最少的变化就能让别人看出其中隐含的变化。
13.避免使用花俏的字体
在选择标志的字体应避免使用过于花俏的字体，他们看出来象是一幅画而不是一种字体，这也是这些字体很多是免费的原因之一。这些字体大多过于奇特，缺乏力量，除非是极特殊的一些领域可能会用到。
14. 字体应该与品牌配合
不 同形关及大小的字体会给人不同的感受及力量，如黑体类给人一种充满力量的感觉，而衬线体则给人经典优雅的感觉。斜体则给人运行及向前的气息。这不仅仅要求 字体要漂亮，而是字体的选择一定要配合品牌的质感。如上图这个女性纤体的品牌却采用如此厚重的字体，给人的感觉很别扭。
15. 考虑文字形式标志
上面这个标志直接由文字图案风格构成，你或许也希望在设计中为你的客户采用类似的只由文字构成的标志，但你先要具备字体的基础知识。你也可以参考及细心揣摩别人类似风格的标志的设计。
16. 用中文来切入
（香港立法会标志采用立字与英文L相结合）
作 为一个中国的设计师，我们的象形文字其实是一笔宝贵的财富，值得你好好发掘及利用。善于发现品牌的名称的中文字，通过艺术及设计语言来发掘、延伸、与其它 元素结合、增减，是一种行之有效的的路径，据我个人的经验，这种方式也更容易获得客户的认可，因为这种表现方式往往显得独特及富有本土的含义。标志设计师 对文字的行书及草字的结构认识也有助于你发掘其中的灵感。
17.不要在一个标志中使用两种以上字体
当然，这不是一个绝对的规则。但通常来说，要限制所使用的字体数量，最好是一两种，这样才能使标志传达了一种清晰干净的视觉效果。
18.有效利用负空间
FedEx是一个利用负空间设计的好例子（E与X之间形成了一个向前的箭头）。在一些最优秀的设计中，总是在负空间隐藏着一些含义。这些标志，第一眼可能看不出来，但如果这个负空间被观看的人所发现，他就会留下非常深刻的印象。
成功地利用负空间的标志，往往都是优秀的标志，一个设计师必须锻炼出这种观察能力，普通人一般注重看到正的空间，我们要经常留意负空间的存在。
19. 不要过度设计
有时，进一步的修饰，是完善标志的过程，但有时，一不小心就会走过头。标志设计人员应该知道什么时候要停手，过度的修饰往往让你错过了曾经的最好。你的设计并不是用来取悦其它设计师，归根到底是要解决商业上的问题。
不要过度设计的另一个含义是，有些人可能总在想标志还没有全方位地反映公司的历史或传达出公司的产品或服务。其实一家电脑公司的标志不需要显示电脑（苹果就没有）。一家饭店的标志不需要展示食物（麦当劳也没有）。保持简单即可。
20.考虑没有颜色时的情况
可以这么说：一个标志在黑白情况下已经表现良好，那加上颜色，就是锦上添花。但在有颜色的情况下感觉良好，却并不一定在黑白情况下也有良好的视觉效果。
一般情况下，我们要仔细思考当没有这些颜色时标志是否还能呼应这些意义。有时通过改变相关元素的对比度，它们在单色情况下往往仍能够有效传达这些含义。
21.了解潮流风格
（图片来自logolounge）
不 要装清高——对目前设计流行趋势不了解，并不能让你看起来更有深度。潮流代表了一段时间大众的品味，标志设计人员应该保持与时俱进的开放态度。当然，留意 目前的标志设计的潮流风格并不意味着你要跟着潮流走，但你在设计时如果要打破原有的陈规，你必须得知道目前的风格是什么。
22.尽可能简化
无论在哪一种的创意设计中都要学会思考 “减法”的技巧。这意味着你要不断问自己：这个标志是否真的需要加上这东西？这样看起来合理吗？标志是否符合简明的风格还是纯粹是设计师在自我放纵？
很多时间，大多数标志都会从繁变简——Wendy最近重新更新的品牌就很好地说明了这一点。
23.不要向客户提交你自己也不认可的标志
将 标志提交给客户前，很明显的，是你要首先能够让自己认可，这似乎是理所当然的，但有些标志设计人员会心存侥幸幻想：虽然我自己不喜欢，但客户可能喜欢。是 的，确实有这种情况，但只是偶尔才会出现的小概率事件。你如果不喜欢其中的一个标志，将它扔掉，或者再进一步完善，直到你满意为止，否则不要勉强提交，这 也是对客户负责的态度。没有一个人可以凭“小概率”精彩度过一生。
24.考虑与口号结合的效果
标 志与口号相配合时也应该象他们单独使用时一样效果良好。标志往往会与一句口号连在一起，以传达更丰富的品牌信息。就象上图耐克与Just Do It的口号的结合中，图案往往在文字的下方。他们结合在一起时两者应该有一种互相联系的气息，当然，分开来时，也能够各自良好应用。
25.考虑标志可能使用的媒介
有些小公司，标志可能使用的媒介会比较狭窄，只限于一些办公用品或宣传的印刷品，但象学样的标志，应用的媒介会非常多，如衣服、旗帜、纪念品、贴在大楼上的校徽、金属徽标等等。所以你设计的标志必须要对日后的各种使用有一个心理准备。
有时你的标志在电脑中看起来很漂亮迷人……但它只是在电脑中才有这种效果。如果你一旦基本定稿，可以打印出来。观察图案与文字在不同大小时的效果。可以打印大尺寸的标志然后挂在墙上，或者放在地板上，然后再花多点时间观察，确保一切都没有问题。
与考虑印刷一样，你同样要考虑在屏幕、手机等设备或其它如户外广告等的应用效果。这些不同的变化你都必须要向你的客户说明清楚你是如何考虑标志使用的。
为了使标志能够适合应用在这些衣服上，有时进行一些调整或有一些显示差异是很正常的。最好的办法就是你直接与这些制造商进行沟通，以避免不必要的错误。
26.让标志永不过时
很多标志的使用时间都会非常长，所以不要“活在当下“，避免选择一些潮流感极强的字体。也不要过于具象化。一家公司很可能在多年后业务会发生很多改变。
很多品牌会不断地进行更新，象壳牌，但他们的核心元素并没有重大改变，只是对字体或图案进行一些更新。
27. 不要混淆标志与品牌之间的差异
当 我们在设计形象标志时，要记住：一个标志并不等同于一个品牌。由Wolff Olins设计的伦敦的2012奥运会标志在2007年发布时遭到无数嘲笑，造成这个现象很大程度是因为在当时他们没有或无法展示在真正的奥运会中这个标 志将如何使用，只能单独呈现这个标志。所以当你要展示你的标志时，而这个标志往往是与其它有关联性的视觉元素一起使用时，那你在最初的提交时就应该展示与 相关元素一起使用时的效果。
28.听听周围的人怎么说
上图Kudawara这个标志之所以令人一见难忘不是因为它有多好，而是因为其它难以启齿的原因。你当然可以说这个标志其实很好，只是观看的人心里阴暗才会有如此下流的联想。但让我们现实一点吧：你其实无法控制别人会如何看待标志，至少我自己都已经想到了……。
有些人在看上述这个由五角星公司设计的WeightWatchers美体标志时，发觉正中间隐藏着一个粗鄙词（twat）。当一些标志以某种特定的形式来表达时——如上面这个标志所有的标志都是小写字母，可能会出现一些你意料不到的读法或其它词的含义在其中。
在你完成了一个标志后，可以让周围的人看看，虽然周围的意见你不一定全部要听从，但有些值得肯定的意见应该虚心接受。
29.坚持你的信念
从 客户反馈回来的意见当然是非常重要的，但同样重要的是你要弄清楚你自己才是设计师，所以他们才花钱请你来设计。当客户开始说些‘让我们将文字弄得大一点’ 或者说‘试一下这种字体看看’，你感觉这样处理的话标志的效果就会被削弱，这个时候你就要向客户清晰地表明你才是设计师这一身份，是你在主导这个设计。
30.但也要虚心听取客户意见
或 许作为一个设计师，在与客户之间的沟通时，最难确定的是让自己处于一个什么样的位置上。客户的所有意见，并不全部是毫无道理的，或许他可能不懂设计，但他 是第一个最重要的观察者，他对他们公司的了解肯定要比你知道得更多。他的一些意见应该认真听取。过于固执及自尊心过强，无助于一个项目的解决。
31.向客户询问详细的问题
当你的标志已经完成并已提交给各户，不要向你的客户问一些含义模糊的问题，如“你喜欢吗？”或者“你有什么想法？”你要问一些清晰明确的问题。
你可以向客户询问的问题包括：标志符合最初的含义吗？标志是否能够传达你品牌的核心价值？如果他们直接就回答说他们不喜欢这个标志，那就问更详细的问题。毕竟他们比谁都更了解自己的品牌。
32.不要害怕被客户拒绝
任何一个设计师，都会面对过被客户拒绝的情况。一旦客户不认可你的标志，这并不是什么世界末日。重新审视整个设计过程，认真听取标志的反馈意见，看看是否可以在已有的标志时行修改，甚至重新来过。
无论一个设计师多么出名，设计的标志都存在被客户否则的可能。只是随着设计经验的增多及成熟，这种情况会越来越少，但仍然不能避免。坦然面对这一切，这是设计师工作的一部分。
33.为什么你不能抄袭
套用一句老话：你可以在某些时候欺骗某些人,也可以在某些时候欺骗所有人,甚至可以在所有的时候欺骗某些人,但你不能在所有的时候欺骗所有人。特别是，现在是互联网时代，你的一次愚蠢露骨的抄袭将会给自己名誉带来无法挽回的代价，丝毫不值得你这要做。
34. 懂点图形心理学知识
专业的描述是：图形心理学是一门研究图形图画和人类心理之间内在联系、相互影响的科学，是心理学和图形学的交叉学科，属于心理学的一个新兴分支。简单的说，图形心理学是依据绘画者所绘图像，从线条、大小等诸多角度去分析绘画者的心理。
据我个人的经验，了解一点图形心理学对于在标志设计中正负空间的运用是非常有用的。
35. 懂点色彩心理学知识
了解色彩心理学同样重要，不同的颜色往往会有不同的表达含义。人类对颜色有这些共鸣及联想是我们千百万年来进化的结果。你当然可以在适当的时候不必过于墨守成规，但也不要走极端，处处挑战这种大自然进化的结果。
36.让自己成为“杂家”
除 非你现在还是处于一个学习设计阶段的学生，你可以多看点有关设计方面的书。但对于一个成熟的标志设计师，应该培养自己广泛的兴趣，尽可能让自己接触到不同 的行业知识，你不必对这些知识精通，但最好是尽可能有所了解。因为你面对的客户涉及各行各业，作为一个品牌设计师，也注定你必须与不同的人进行紧密沟通， 对于客户的一些信息，虽然你可以事后再进行资料收集，但在最开始客户接触你的时候，你如果对他们这个行业有自己的一些了解或看法，会让客户极大地增强对你 的信任，这对接下来的工作大有裨益。
另外，对于标志设计人员来说，知识结构越丰富，可以思考的方向就越广，也更容易获得灵感。
37、不要免费设计标志
如果你自问是一个勇于奉献并怀有崇高目标的人，你可以去做义工，去学雷锋，你也可以将你的收入的一部分捐献给慈善机构。但不要免费设计。因为作为一个设计师，收取设计费用是对你作为一个设计师这个身份价值的最直接体现，也是对自己的最大尊重。
38、不要参加标志征集活动
除非你闲得扯蛋，或者其中之一的评委就是自己公司的人。这些征集活动，往往闹得动静很大，但整个评审过程大多非常不透明，我也看过一些最终评审的终稿并没有真的在使用。有这个时间，不如花多点精力去努力培养自己的客户。
39.不要在客户面前诋毁另一个设计师的作品
有 时客户让你设计标志，是因为他对原来旧有的标志不满意，或者作为一个新公司，之前他已经找过别人设计过标志但感觉不满意，从而找到你。往往这个时候，他会 对之前的这些设计让你发表一些看法。你应该保持客观中立的态度，有优点的就说有优点，有不足的也直接说出不足。不要一昧诋毁别人来抬高自己——实际上，一 个正常的客户都不喜欢这样的设计师。你的客观评价只会让客户对你更加信任。
40.了解商标知识
当客户找到你设计标志的时候，提到标志定稿后会去注册商标，你的第一件事就是要确认：文字是否已经查询过是可以注册商标吗？
有 很多中小公司，他们对商标的了解可以说是一片空白（如有些人认为公司名都经工商局核准了，去注册商标肯定没有问题），这个时候，设计人员有义务去向客户讲 解基本的商标知识，前提是你对商标领域要有所了解，如商标的类别、价格、基本申请流程、可能出现的情况等。你对商标的理解也让你最大程度避免了客户在商标 注册时可能出现的麻烦。
2024年网站负空间设计 篇4
今天这一篇会给大家讲到 UI 界面中的细节问题，我同样希望通过今天这篇文章，能够让大家自检作品集中的界面问题，并找到一些可以快速执行落地的优化方向。
初级与高级设计师的区别，有时候不在于说整体大的布局上有什么差别，其实往往就在于文中提到的这些小细节点上。在腾讯，一个界面中的细节，往往会抠到像素级，大 1px 或者小 px 都可能要出几稿，调优后也确实会有不一样的感觉，所以一定要重视起来呀。想要学习或者提升UI设计可以来3a教育https://www.aaa-cg.com.cn/?wkc
这篇文章对初学者来说特别有用，但我还是建议所有设计师都应该把这些设计基础牢记在心，无论是否有经验。本文更偏向一些基础性的设计原则，而这些原则在实践中却往往被人遗忘。希望下面这些原则对你的设计能起到一个进阶调优的作用。排版设计
首先声明一下，在一个项目中不应该使用 2 种以上的字体，以及它们的多种风格样式。这句话非常重要，希望大家无论如何也要遵循这个原则。下面我们来谈点更具体的细节。
1. 文字间距
每当你使用完全由大写字母组成的文字时，不要忘记设置字母间距。这样可以防止字符之间的粘连，也会让文字有更好的可读性。
2. 文字粗细
在使用细体和极细体字体的时候要格外注意。中细体字可以用，但要看具体的字体细到啥程度。如果你做的产品最终会被用户在屏幕上看到，那么最好不要使用细体和极细字体，因为它们非常难阅读，在某些屏幕上甚至会造成半像素模糊的效果。
3. 标题和正文字体大小
我们来谈谈网页排版。标题的级别有6个（h1-h6）。首先你应该确保你的项目中的标题级别不超过四个，并控制好它们的逻辑和一致性。一个网站或着陆页的最大标题（可能出现在主页面的第一块）可以随心所欲：目前的趋势是鼓励有表现力的排版。但是，确保你的标题的其余部分不要太大，因为太大的文字和太小的文字一样难以阅读。
现在说下正文。浏览器的默认设置（以 Chrome 浏览器为参照），会以 16px 大小显示每个文字。这个大小阅读起来是相当舒服的，但我倾向于主文字用不小于 17px，附加文字用 14px。保留 12px 作为最小的尺寸，而较小的尺寸由于视力问题或显示器不好而变得几乎无法阅读。记住，要避免近似的尺寸，不要在同一段中使用 16px 和 17px，这样会给产品的外观带来混乱和视觉上的不协调，可能会让人误以为是错误。
4. 行高
很少可以直接利用默认行高。通常情况下，必须比默认值稍大一些来提高可读性。这对于大的文本块尤其如此：博客、文章、网站或移动应用的信息块。同样的方法也适用于标题：确保字母上下不会互相碰触。
5. 内容的层次
应使用加粗来突出显示文本的重要部分，包括标题、链接和按钮，有时也包括文本中被强调的部分。但如果所有文本内容都被加粗，就会变得不清楚该看哪里，分不清哪些部分更重要。内容需要有一定的层次性。
6. 文字对比度
在设计中要特别注意文字的颜色。它应该有足够的对比度，这样文字在任何类型的显示器上都可以易读。这对于经常使用浅灰色的输入字段中的占位符尤其重要。
间距和边距
负空间（元素之间的“空气”）对于一个好的设计是必不可少的。留白有助于理清元素之间的关系，提升节奏和平衡感。
1. 去掉多余的框和线
将多个模块分开的最简单的方法是使用一个框或 1px 线。但这还不是最好的方法。我见过一些设计作品，框里有框，每个框都有 1px 框线。在这种情况下，你需要停下来思考：这样做真的合适和必要吗？如今的界面往往到处都是卡片：电商平台里商品的卡片，动物护理应用里的卡片，外卖 APP 里披萨餐厅的卡片。
有时使用 1px 的边框是合理的，但也有其他方法来区分这类元素，比如阴影或间距。最主要的是，卡片之间的外边距应该大于卡片内填充元素的内边距。去掉任何元素上不必要的框架，就可以为内容节省空间。毕竟，内容才是任何产品最重要的部分，所以不要没理由的去掉特地为它预留的空间。
2. 元素层级
边距有助于从视觉上确定一个元素是否属于另一个元素。让我们考虑一下新闻网站上的一篇文章的布局。假设它由一张图片、一个标题、3-4 行预览文本和发布日期组成。标题应该与内容成为一组，日期的边距应该比标题和文字之间的边距略大一些。最后，图片应该和标题-文本单元的日期一样，甚至更远。不明白么？还是看看下面的图片吧。
3. 少即是多
总有一个客户或者经理要求所有的信息必须塞进一个区块或者一张界面上。所以，标题、电话，以及整个菜单、优惠信息都要塞进去。还有，别忘了一个大大的 LOGO。我不怎么会谈判，也想不出如何让他们轻易改变主意的办法。
但至少你可以这样说：用户一次接收的信息越少，他就越容易采取行动（例如，打一个电话）。循序渐进的信息接收，可以确保更容易、更愉悦的用户体验。不要让用户在识别你的界面布局时遇到困难，而一堆元素堆积在一起是很难产生美观愉悦的体验。
4. 不均匀的边缘边距
如果你在制作海报、banner 或我们最喜欢的卡片时，要注意边缘的边距。如果你以经典的从左上角到右下角的方式来布局内容，那让顶部的边距比左侧的边距稍大一点，看起来会比四面均匀的边距更加舒服，美观。
颜色和配图
图片、图标和背景决定了产品的基调。图片应该准确地展示公司、APP 或网站所提供的东西。
1. 一些 Logo 的想法
我不太经常做 logo，UI 界面需要注意哪些细节https://www.aaa-cg.com.cn/?wkc在我的职业生涯中，做了大概 20 个左右的 logo，我的心得是，一个好的 logo 是很难做的。但是，作为一个设计师，只要遵循基本的规则和原则，一定可以制作出一个像样的 logo。比如精心选择颜色。
有一次，我看到一个叫 「VIP catch 」的渔具店用了一个紫色的 logo。紫色和 「VIP」两个字的组合，并不能真正让人产生对钓鱼的联想。一般来说，任何行业都可以用任何颜色，除非有明显的脱节，比如上面讲的那个例子。如果你觉得把图片（符号）放进 logo 很难，那就不要做，尽量把它做成一个纯字体的 logo，少即是多。
2. 投影
物体的投影绝对不应该是黑色的。投影的颜色永远都需要结合环境的颜色（就想象成界面中有一个太阳光打过来，会反射周围的环境色，所以会带有周围物件的颜色）。物体通常有几个投影：一个是小而亮的，直接在它的正下方（如果是站着或躺着的东西），第二个是比较模糊、透明的投影。避免项目中脏的、不自然的投影。
3. 图标和配图
凡是可以矢量的东西都应该矢量。所有的图标，箭头和 logo 都应该以 SVG 格式（iOS 开发的 PDF 格式）交给开发者。PNG 图标边缘模糊，看起来很糟糕，尤其是在视网膜显示器上。此外，用矢量图占用内存也较少。
4. 关于图标
如果你正在为一个网站或应用开发一套图标，请确保所有的图标都属于一个 「家族」。这意味着相同的笔画宽度，相同的边框半径。检查一下，确保每个图标都适合在相同大小的正方形中，并且有相同的视觉重量。如果有些图标有圆圈，确保这些圆圈的直径相同。图标应该有一致的风格。
其他
1. 避免奇怪的布局
让我们回到我们在空间和边距部分学习过的新闻预览的例子。如果我们将元素（图片、标题、文字和日期）以非常规的顺序排列，可能会让人感到困惑。试着坚持使用通用的界面布局。通用不一定意味着枯燥，你可以随时在项目的其他部分展示创意。
避免在没有充分理由的情况下，在屏幕/页面/卡片上实验性地定位元素。否则用户可能会感到困惑而离开你的网站或应用。请记住，设计师和艺术家是不同的职业。在设计中，我们是为人创造产品，这意味着你的个人创意冲动只能应用在不会干扰用户体验的地方。
2. 界面尺寸
在开始设计一个手机 APP 之前，一定要先向开发者询问一下屏幕尺寸。通常情况下，iOS 的屏幕尺寸为 320px，Android 的屏幕尺寸为 360px。虽然在移动 APP 上或多或少都会有明确的预期，但网站设计可能会有一定的挑战性，因为它将在多种设备上展示。下面这种情况在我自己做前端开发的经验中非常常见：提供的布局是为巨大的显示器做的。块之间有 400-600 像素的边距，巨大的字体大小，奇怪的网格。
好在我也是一个设计师，我自己也可以通过调整页边距和大小来解决这个问题，让它在任何屏幕上都能好看。然而，前端开发人员通常没有设计背景，会完全按照提供给他们的设计方式来实现。因此，在普通的笔记本电脑屏幕上，元素会过大。需要注意的是，一般的笔记本电脑屏幕的垂直宽度限制在 700px 左右，所以要尽量将一个模块放入这个显示范围内。
3. 内容填充
重复的示例文本放在设计中看起来会很廉价，不专业，所以应当避免使用。它只会让人觉得你懒得去做一些像样的内容。此外，现在不再需要自己创建，有一堆 Sketch 和 Figma 的插件可以自动填充内容。内容尽量不要重复，哪怕只是为了演示的目的。放上不同的图片、标题和不同长度的预览文本，效果看起来会更好。
2024年网站负空间设计 篇5
空间填的太满
失去了灵动
显得死沉
往往留白处
让人臆想
我喜欢留白
更是对你留了白
——廊卿
最近迷上了留白，所以今天给大家讲讲留白的悄秘密。
有些人喜欢完美而饱满的设计，可能是这种质感让人很舒服，但却无法融入新的元素，一开始就固定了某种模式，之后的生活是很累的。
样板房很漂亮，几乎所有的人第一眼看到样板房都会爱上它，但它这种饱满的设计再也容不下日常的生活元素，一句话，它不适合生活。
人，一直在成长，一直在学习，一直在抛弃旧的自己，因而对空间的理解和需求在不同阶段会出现不同的变化，而留白的设计却可以契合这种设计。
设计中的留白在包豪斯设计运动后，被设计师广泛推崇。
恰当的在色彩、形态、质地、节奏、空间、点、线、面等基本元素方面精简。
留白又称为负空间，相对于正空间（空间非常饱满）而言，它非常的简洁、空白。形成封闭感或围和感，够造成视觉中心的空间就是正空间；负空间与之相反，不能形成封闭感，没有强烈视觉中心的空间即负空间。
现在大家都将家装的留白设计分为三种，于是我也就更随大流了，只能怪我是一个没有主见的人。
家装留白分为：空间留白、色彩留白、装饰留白
空间留白
所谓的空间留白就是在设计之初不能将空间都全部铺满，在留白的设计中，空间的饱满感其实更多的是一种缺陷，就像“月满则亏，水满则溢”。一方面，简洁干净的空间氛围感可以让人放松舒适；另一方面，这也为之后的装饰预留空间。
色彩留白
在家装中，大家都知道色彩搭配是一门学问，有人将涂鸦当成了艺术，有人将艺术当成了涂鸦，所以色彩的使用是非常有讲究的，颜色不宜过多，一两个主色调，一两个辅色调，各种色彩在搭配上讲究相互呼应，撞色虽美，却不要杂糅哟！
装饰留白
其实在装饰方面就是做加减法，对于留白而言，加法只能是点缀，而减法才是主要的，因为是你的家，所以你得明确自己需要什么，该取舍时就要取舍。
留白的设计并非是简单的一面大白墙，不做任何的装饰，居于其间，也可以点缀装饰，通过添加小物件来增加一点轻柔的色彩，让空白的墙壁多一些设计感。但对于留白的装饰也应该尽量简洁自然，不要堆砌太多，避免让整体空间显得混乱。
留白，是极简主义设计中不可分割的一项重要组成部分，它并不一定得是白色，和颜色无关。在极简主义设计当中，负空间是增强核心元素的被关注度的有效途径，让整个设计更加优雅。如果你的设计采用的是单色，或者双色的配色方案，那么负空间在创造对比度和清晰度方面，起着无可替代的作用。
空间大量使用留白手法，破解审美疲劳，让空间张弛有度，不至于过分局促，将空间演绎的极富生命力。
留白是一种言有尽而意无穷的美学底蕴，这种形式更是体现了“less is more”的设计理念，最本质的意思是要求去除一切多余的装饰，将修饰、象征主义和姿态抹去，留下的便是纯粹的骨架：质地、颜色、重量、比例和轮廓，越简洁越能体现空间本身的气质，而过多的世俗往往就画蛇添足了。
留白的设计更多的运用于中式风格，毕竟这与中国传统一脉相承。寥寥几笔于方寸之间显天地之宽，这便是留白的精髓所在。
白+原木应该是最有温度的设计了。原木，轻柔的色彩，细腻的质感，一直备受青睐，素雅几净的留白和自然肌理的原木相融，仿佛一隅静谧的时光。
当然对于留白的理解 也不一定是白色的，而是一种取舍精神，类似于极简。
对于爱好家装设计的人或者是爱好软装的人来说，《设计中的设计》一书值得一看，这本书是由日本设计师原研哉所著，他是无印良品的艺术总监。
PS：图片来自于网络，如有侵权，请联系删除！
以上所述，不带有任何倾向性，希望诸位在阅读时保持客观理性，我们只是提供一些看法而非做法。
2024年网站负空间设计 篇6
2018年马上就要过去了，明年的设计趋势你了解吗？
Behance大神@Milo预测了2019年所有设计领域的最新趋势！
针对不同领域的颜色、排版、形状和大小都有不同程度的分析，相信对大家一定有帮助哦~
感兴趣可以测试一下你在设计方面的潜力有多少哦
【30秒职业性格测试】：http://www.tianhusj.com/list-276-1.html?wm=sina_zran_xqtg
（如果打不开可复制链接到浏览器）
年度重点
虽然今年插画就已经很火了，但19年的插画设计应该会上升新的高度。
根据最近统计数据所得，插画对用户的视觉效果要比普通摄影照片好7倍之多。
品牌们也越来越趋向于寻找充满活力和风格的插画作品来体现自己的品牌调性。
独特的插画和大胆的色彩一定会让作品在一众素材拼贴大师中脱颖而出！
UI/UX趋势1.1移动端第一
从谷歌实现移动端响应式网站开始，移动端就成为了响应式网页设计的首选。
设计师们也应首先考虑移动端版本的设计，其次再考虑桌面端版本。
1.2 负空间
近年来几乎在所有的设计领域可以看到负空间的运用，在UI设计中使用也是一个不错的创意。
1.3 插图
正如我们前面所说，插图是最近几年流行设计的主要趋势。
从登陆页面到整个网站，插图正在席卷整个设计行业。
1.4 功能性图标
人们自然地将相关的动态线性图标用于建立视觉层次，并将注意力吸引到希望用户注意的区域。
1.5 几何流体和非对称形状
混合了大胆的配色与强烈的渐变的几何流体、非对称形状是2019年必不可少的网页设计趋势。
1.6视频背景
研究表明，网站上的视频可以提高转化率。
一个视频可以在几秒钟内迅速传达你的信息，并且让用户在网站上停留更长时间。1.7动效
现如今，动效在设计行业可谓占据了举足轻重的地位。你可以轻松在网站、广告或APP设计中找到它们。
随意一个平滑过渡按钮或一个不错的悬停效果，都可以达到事半功倍的效果。
1.8 微交互
微交互可以在APP中创造各种微妙的视觉效果。
2019年将比以往任何时候都更注重微交互的设计，会看到每个UI元素后隐藏的微交互，不管它有多小。
1.9 字体代替图片
近年来人们对排版的关注，许多巨头如苹果，都会通过一款清晰独特字体来表达自己的观点。
1.10栅格化和重叠元素
在过去的几年里，网页设计中的重叠元素已经存在，结合栅格化可以创建独特的创意布局。
1.11 3D插图
3D插画在过去的几年进入了巨大的繁荣期。
很多大品牌都选择在他们的产品上使用3D渲染，比如:运动鞋，运动装备，包装设计等。
排版趋势2.1 Big.Bold.Better
字体开始变得越来越大，这是每年都能发现的趋势。
但使用大字体的时候，应当留意配合极简主义使用，否则可能会过于拥挤，失去原有的意义。
2.2定制字体
现在许多大品牌都拥有了自己的专属字体，这可以提高品牌的辨识度及独特性。
品牌&LOGO设计趋势3.1使用颜色通道
使用颜色通道可以创造出令人惊艳的视觉效果。
3.2品牌插画
一个好的插图绝对可以给任何艺术海报、品牌标识或印刷品带来极佳的辨识度。
3.3 动效LOGO
动效已经渗透到所有的设计领域，就连在logo中也不例外。
动态图形趋势4.1噪点风格
虽然噪点风格通常应用于2D动画作品中，但谁说不能应用在3D动画中呢？
4.2 平面2D动画
在插画中，平面设计更多的使用阴影变化和渐变颜色。
而在动画设计中，平面动画仍然流行。
通过平滑的过渡，可以吸引用户的注意力，通过这种方式，消息很容易传递给受众群体。
4.3 3D插画动画
3d动画看起来非常惊艳，无论卖的是什么，都能完美地推广你的产品。
大多数大品牌也因为其强大的转化率而在广告活动中使用3d动画。
包装趋势5.1大胆的颜色
大胆配色一直是最近几年的流行趋势，也是19年包装设计中最重要的一个部分。
5.2非传统材料
用不同寻常的材料创造出令人惊叹的产品包装已然成为人们更愿意接受的领域。
零浪费，可降解生物材料，可食用的包装，这些元素都会在设计师手中变成艺术品。
5.3天然材料
在包装设计中，木材等天然材料将是主流。
用回收材料制成的皮革、木材、厚纸板或纤维素等是也是包装设计中的天然材料。
5.4 大字体
在2019年，大字体设计是一种绝对的趋势，一个强有力的词汇足以创造一个大胆的包装。
5.5极简主义
虽然在包装中添加大量文本或不同字体可能很诱人，但也很有可能会令人眼花缭乱而抓不清重点。
5.6 插图
插图主导了所有设计领域，包装设计也不例外。
随着人们审美的提高，这两年设计趋势在慢慢变化。
不管是海报设计，还是插画设计，甚至UI设计都在从不同的角度转变着。
设计师就是要时刻的关注未来的流行趋势，才能让作品时刻保持新鲜！