零基础也能学会平面图绘制?跟着大厂设计师一起学习吧!

绘制平面图是一种审美,“美”的感觉本身是主观的,我们很难定义“美”的具体标准,但绘制平面图的观众是人,人们对事物的感情有一个普遍的规则,人们普遍认为观众可以欣赏的平面图是一个很好的设计。因此,在绘制平面图时,如果能结合审美心理学,将更有利于创作出优秀的平面图作品。在这篇文章中,让我们来看看8个平面图中常用的基本规则。

KISS原则

KISS原则,是的「Keep It Simple, Stupid」缩写,又称缩写「懒汉原则」,顾名思义,就是提供懒人、傻瓜也可以使用,足够简单的设计。实现实现。 KISS 绘制平面图的原则需要考虑删除设计中所有不必要的内容,以确保每个设计元素都服务于设计目的,并问自己:这个元素是否对用户有必要。

如下图中即时设计资源的设计案例所示,一页保持一个内容,删除所有不必要的装饰信息,只保留必要的表格,并填写提示,方便用户理解和使用。

即时设计资源广场提供大量的用户流程图模板资源,方便产品经理和设计师梳理产品逻辑,模拟用户体验,构建最符合KISS原则的设计。

适度留白

空白,也被称为负空间,是绘制平面图中元素之间的空间。这里的空白并不特别指白色,它也可以是彩色背景或纹理,只要不包含设计或内容元素。空白可以稀释过多的信息,缓解访问者的视觉疲劳,是判断平面图质量的最重要因素之一。

资源广场的即时设计如下图所示 Inter UI字体海报显示,大面积留白可以突出设计中的主要元素,创造出独特的意境。

即时设计「自动布局」可以创建一个动态的画板,以适应其内容的宽度和高度。在绘制平面图时,可以一键调整图形组合布局,创建等距文本细节,创建各种布局类型的设计内容,自动布局2.0还增加了绝对定位、负间距堆叠、布局控制操作等功能,满足平面图空白布局需求

三分法则

三点规则是绘制平面图中最实用的构图规则之一,它利用了人类对平衡事物的固有偏好。所谓的三点构图规则是指将平面图水平和垂直分为平等的三部分,并在水平和垂直的交叉处放置一个主要元素,以平衡视觉焦点,使图片看起来更舒适和自然。

在即时设计中制作三分法则网格的方法非常灵活实用,可以直接使用「钢笔工具」绘制四条水平和垂直线,也可以使用「布局网格」将行列的数量等于3来实现目标

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/practice?source=csdn&plan=bttcsdn01303

层次结构

如何营造层次感一直是画平面图的热门话题。最直接、最容易理解的方法无疑是利用设计中的元素尺寸来构建画面中的层次结构。大元素会吸引更多的注意力,适合传达更强的信息。此外,元素的明暗对比和透明度调整也是构建平面图层次结构的关键。

资源广场的即时设计如下图所示如50+登录页面概念设计所示,文本大小是区分文本层次结构最常用的方法。即时设计灵活的画板、层和蒙版工具可以很好地处理平面图中的分层设计问题,并进行即时设计「图层混合模式」,当两层上下叠加时,上层采用不同的混合模式,可以获得不同的效果,获得不同的信息层次呈现方式,

对比

对比不等于冲突。在绘制平面图时,高对比度可以提高设计的精细度。创建对比最常用的方法是尺寸和颜色的对比。设计中使用的颜色越大胆,对比效果就越明显。使用对比色更有利于强调特定元素。

如下图所示,即时设计资源广场的日历APP界面设计,将红色物体放在绿色或黑色背景上比将相同的红色物体放在橙色或紫色背景上更受关注。

即时设计内置色板插件,除了可以找到Materiall Design、Arco Design、除了Element等大型工厂色卡外,还可以自定义色板,在设计项目中快速重用。在绘制平面图时,可以大胆地使用对比度强的颜色来突出设计。对于色彩丰富的平面图,采用多色矢量网格,可以独立填充封闭路径,时间更少,步骤更简单,以达到更好的设计效果,

创意字体

在绘制平面图时,创意字体通常用于标题,很少用于文本,因为创意字体更难阅读。一般规则是,如果文本超过标题, 3 好吧,不要使用创意或脚本字体。同时,在绘制平面图时,尽量避免使用3种以上的字体。每当需要添加新字体时,最好区分不同的尺寸或颜色。在绘制平面图时,使用创意字体会更有创意和活力。

资源广场的即时设计如下图所示 Cyberpunk 赛博朋克海报显示。安装字体软件是绘制平面图的重要模块。为了创建个性化的字体设计,设计师通常需要安装字体软件

免费的平面设计软件即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/practice?source=csdn&plan=bttcsdn01303

按比例缩放

在调整图像大小时,请始终按比例进行。许多初学者在拉伸照片时很容易犯错误,有时图像比例不符合要求,必须将图像切割到合适的尺寸。在使用即时设计绘制平面图时,选择下拉菜单栏「缩放」工具或使用快捷键「K」键可以快速等比例调整图片或元素的大小

黄金比例

黄金比例是指将线段分为两部分,短部分与长部分之比等于长部分与整体长度之比,可列出方程:(1-X)/X=X/1,得到答案X近似值为0.618。金字塔、巴黎圣母院、艾菲尔铁塔、蒙拉丽莎,这些世界著名的东西都符合黄金比例美学,许多事实证实了黄金比例有利于创造令人愉快的美。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/357925.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Web前端开发工具总结

一、nvm,node,npm之间的区别 nodejs:在项目开发时的所需要的代码库。相当于JDK npm:nodejs 包管理工具,npm 可以管理 nodejs 的第三方插件。在安装的 nodejs 的时候,npm 也会跟着一起安装。相当于Maven。 …

led护眼灯真的能护眼吗安全吗?护眼又安全的LED灯推荐

近些年来,中国患近视的孩子越来越多,为了让孩子在家写作业时眼睛少受损伤,很多家长专门准备了LED台灯。但不合格LED灯反而加剧孩子们视力疲劳,甚至出现近视。其中重要一个原因是某些LED灯存在着严重的频闪,长期在这样的…

那些年与指针的情仇(二)---二级指针指针与数组的那点事函数指针

关注小庄 顿顿解馋(。・∀・)ノ゙ 欢迎回到我们的大型纪录片《那些年与指针的爱恨情仇》,在本篇博客中我们将继续了解指针的小秘密:二级指针,指针与数组的关系以及函数指针。请放心食用&a…

c# textbox 提示文字

1. 定义提示文字内容 private readonly string RemarkText "最多输入100字"; // 提示文字 2. 添加textbox 焦点事件, 初始化textbox提示文字和字体颜色 public UserControl(){InitializeComponent();tb_Remark.Text RemarkText;tb_Remark.ForeColor…

Windows系统本地安装Wnmp服务并结合内网穿透公网远程访问

目录 前言 1.Wnmp下载安装 2.Wnmp设置 3.安装cpolar内网穿透 3.1 注册账号 3.2 下载cpolar客户端 3.3 登录cpolar web ui管理界面 3.4 创建公网地址 4.固定公网地址访问 结语 作者简介: 懒大王敲代码,计算机专业应届生 今天给大家聊聊Windows…

【极数系列】Flink集成DataSource读取文件数据(08)

文章目录 01 引言02 简介概述03 基于文件读取数据3.1 readTextFile(path)3.2 readFile(fileInputFormat, path)3.3 readFile(fileInputFormat, path, watchType, interval, pathFilter, typeInfo)3.4 实现原理3.5 注意事项3.6 支持读取的文件形式 04 源码实战demo4.1 pom.xml依…

ssl证书更换步骤及更换后有效期没有更新问题

因公司ssl证书到期,在阿里云申请免费证书更换后,查看证书有效期,发现有效期没有更新。 ssl证书更换步骤: 1.下载nginx证书文件 2.服务器上替换原有ssl证书(操作前记得备份) 3.更改nginx.conf文件中证书路径…

CES 2024:AI赋能机器人,国产机器人更亮眼

原创 | 文 BFT机器人 一年一度的国际消费电子展(CES)又与我们见面了。作为全球消费电子和科技创新的盛会,CES每年都吸引着无数目光。今年,AI赋能机器人成为展会的一大亮点,而国产机器人更是凭借其创新技术和实用功能,成为全场焦点…

ES Serverless让日志检索更加便捷

前言 在项目中,或者开发过程中,出现bug或者其他线上问题,开发人员可以通过查看日志记录来定位问题。通过日志定位 bug 是一种常见的软件开发和运维技巧,只有观察日志才能追踪到具体代码。在软件开发过程中,开发人员会在代码中添加日志记录,以记录程序的运行情况和异常信…

1.Mybatis入门

目录 前言 1入门 1.1 入门程序实现 1.2 数据准备 ​编辑 1.3 配置Mybatis 1.4 编写SQL语句 1.5 单元测试 1.6 解决SQL警告与提示 2. JDBC介绍(了解) 2.1 介绍 2.2 代码 2.3 问题分析 2.4 技术对比 3. 数据库连接池 3.1 介绍 3.2 产品 4. lombok 4.1 介绍 4.…

07-Nacos-接入Mysql实现持久化

1、默认内嵌的数据库 Derby 存于/data目录 2、扩展仅支持Mysql 5.6.5 执行Nacos中的SQL脚本,该脚本是Nacos-server文件夹中的nacos-mysql.sql 详见 01-Nacos源码打包、部署-CSDN博客 3、修改配置文件 Nacos-server中的conf目录下,application.proper…

ChatGPT更新了Mention功能,集结若干GPTs作战,AI智能体的心智入口;向量数据库的挑战和未来

🦉 AI新闻 🚀 ChatGPT更新了Mention功能,集结若干GPTs作战,AI智能体的心智入口 摘要:OpenAI在ChatGPT中引入了一个新功能,允许用户在聊天时任意一个GPTs(即ChatGPT最新推出的AI Agent 智能应用…

2023量子科技十大用例 | 光子盒年度系列

随着量子科技的不断突破,量子计算、量子通信、量子测量等应用场景逐渐向纵深拓展,量子产业呈现出较好的发展势头。 量子计算的发展比以往任何时候都更加迅速,这提醒我们,这项看似‘高冷’的前沿科技,已悄然应用于不少领…

vue3 + antd 封装动态表单组件(三)

传送带: vue3 antd 封装动态表单组件(一) vue3 antd 封装动态表单组件(二) 前置条件: vue版本 v3.3.11 ant-design-vue版本 v4.1.1 我们发现ant-design-vue Input组件和FormItem组件某些属性支持slot插…

【RT-DETR有效改进】2024.1最新MFDS-DETR的HS-FPN改进特征融合层(降低100W参数,全网独家首发)

👑欢迎大家订阅本专栏,一起学习RT-DETR👑 一、本文介绍 本文给大家带来的改进机制是最近这几天最新发布的改进机制MFDS-DETR提出的一种HS-FPN结构,其是一种为白细胞检测设计的网络结构,主要用于解决白细胞数据集中的多尺度挑战。它的基本原理包括两个关键部分:特征…

[Linux]:软硬连接(什么是软硬链接,怎么创建软硬链接,以及对应的例子)

目录 软连接: 什么是软连接: 怎么创建软连接: 例子: 硬链接: 什么是硬链接: 怎么创建硬链接: 例子: 软连接: 什么是软连接: 软连接文件是一个独立的…

如何在群晖NAS部署office服务实现多人远程协同办公编辑文档

文章目录 本教程解决的问题是:1. 本地环境配置2. 制作本地分享链接3. 制作公网访问链接4. 公网ip地址访问您的分享相册5. 制作固定公网访问链接 本教程解决的问题是: 1.Word,PPT,Excel等重要文件存在本地环境,如何在编…

Adobe Photoshop 2024 v25.4.0 - 专业的图片设计软件

Adobe Photoshop 2024 v25.4.0更新了,从照片编辑和合成到数字绘画、动画和图形设计,任何您能想象到的内容都能通过PS2024轻松实现。 利用人工智能技术进行快速编辑。学习新技能并与社区分享您的工作。借助我们的最新版本,做令人惊叹的事情从未…

2023年全国职业院校技能大赛(高职组)“云计算应用”赛项赛卷9

某企业根据自身业务需求,实施数字化转型,规划和建设数字化平台,平台聚焦“DevOps开发运维一体化”和“数据驱动产品开发”,拟采用开源OpenStack搭建企业内部私有云平台,开源Kubernetes搭建云原生服务平台,选…

生物信息学高质量刊物

个人觉得生信期刊的水平排名(只谈计算方法) 1,Nature Biotechnology (Article) 生信人心中的梦之刊,很少有纯计算能上的,一般都需要一定的湿实验验证,在计算领域某些场合认可度甚至高于正刊。 2&#xf…
最新文章