当前位置: 首页 > 编程日记 > 正文

【UI设计培训基础知识】设计中的点线面-线

UI设计所要学习的知识有很多,想要在后期的工作中稳稳当当,基础知识一定要扎实,下面就是小编为大家整理的一份关于UI设计培训基础知识的相关内容,主要讲的是设计中的点线面-线,来看看下面的详细资料吧。

ui

点的移动形成一条线,线在几何定义中是没有宽度与厚度的,只有位置与长度,但在设计中,线不仅具备位置与长度,同时具备宽度与厚度的属性,而且还具备虚实的属性,并且会因为我们使用的绘画工具的不同,而产生不同的气质与韵味。在设计中线具有宽度,长度,位置,厚度,虚实与不同的气韵等属性,在使用线的时候要根据要表达的内容使用协调的线。

越是细的线,越是给人一种线的感受,但是稍微粗的线在形态,形状具有线的属性时,也会有线的感受,平均分布的点,也有线的感受,并且一段文字或字母也会给人一种线元素的感受。所以任何形状沿着一条路径重复排列就具备线的感受。

线的粗细,是跟别的物体对比得出的结论,在一幅作品中,宽度上较窄的一条线就被认为是细线,细线在设计中给人一种纤细,柔软,细腻的感觉。

相对于整个画面较粗的线,就是给人一种粗线的感觉,粗线给人一种更加直观,并且在整个画面中有非常鲜明的视觉感受。正式因为其有明显的视觉痕迹,所以一般情况下可以在设计中起到视觉引导的作用,帮助读者更易获得信息。

画面中同时出现较细于较粗的线,可以形成一种细与宽,细腻与豪放的对比,并且可以利用粗线,长短交错能够增加版面韵律感。

设计作品的虚线分为有形与无形两种形态,这种类型的形态是没有明确的视觉形态的,常常潜在在画面中,要经过一定的思考与观察才能发现其存在,比如地平线,海平线这种规则性的元素,这种线是没有非常直观的形态,而是自然界的点元素形成虚线。

短线与长线,画面中短线较多给人一种比较紧张,局促的感觉,画面中短线较少给人一种精致,细腻的感觉;长线一般都会给人一种洒脱,飘逸,直爽的感觉,可以利用长线打造出一种延伸的感觉,有联想的感觉。

斜线,垂直线,水平线。斜线打破了整个画面的平衡感,有一种忐忑不安的感觉,并且可以运用到运动,活力相关的领域,运动品牌,青少年很有活力的氛围可以使用这种斜线的形式作为辅助或主要元素;垂直线给人一种自上而下或自下而上延伸感,并且很有笔直挺拔的感觉,画面中垂直的线给人一种强硬,呆板的感觉,合适的运用直线也给人一种庄重,端庄,严肃,可以增加画面的版面感。直线沿着水平方向延伸就形成了水平线,水平线在画面中容易有审美疲劳的感觉,运用得当会有安宁,平静,寂静,稳定的感觉。

折线,几何曲线,自由曲线,折线具有很强列的不确定性,最具代表性的现象就是大自然的闪电;几何曲线是一种有规则的线比较常见的是S,O形线,可能会有紧张局促的感觉,运用得当的话可以让画面有比较饱满,圆滑的感觉;自由曲线在画面中容易形成不确定从,随机性,运用得当也可以得到动感,流动性,富有弹性,充满张力的感觉。

线在设计中的功能性作用。线具有方向性,可以起到视觉引导的作用,也可以很好的连接两个元素,具有方向,引导和连接的作用;线可以分割和规划画面,可以区分元素,划分空间,对图片,图像等所有的视觉元素都可以起到分割与规划的作用,形成一个比较满意的设计作品;线在作品中可以占据一定的空间,填充画面中的空白区域,并且点缀装饰画面,丰富整个版面,打造作品的平衡感;通过线的可以帮助画面中的重要元素显得更加突出,可以起到强调突出事物的作用。

线的面化,线进行排列重叠就会形成一定的面,通过线的面化,可以给人一种很独特新颖的感觉。

相关文章:

场面话大全,绝对受用一生

◆ 父母生日祝酒辞 尊敬的各位领导、各们长辈、各们亲朋好友:大家好! 在这喜庆的日子里,我们高兴地迎来了敬爱的父亲(母亲)XX岁的生日。今天,我们欢聚一堂,举行父亲(母亲&#xff09…

LeetCode实战:爬楼梯

题目英文 You are climbing a stair case. It takes n steps to reach to the top. Each time you can either climb 1 or 2 steps. In how many distinct ways can you climb to the top? Note: Given n will be a positive integer. Example 1: Input: 2 Output: 2 Exp…

Visual Studio Remote Debugger(for 2005/2008) .net远程调试转

我采用虚机的方式模拟了局域网环境,以下是我操作的步骤(client代表客户端,server代表调试机): 建立ASP.NET项目(client):简单写了点Code 代码 1 protectedvoidPage_Load(objectsender, EventArgs e)2 {3 in…

UI设计师必备技能,看看你都学会了吗?

想要成为一名合格的UI设计师,是要有这几项必备技能的,学会这些必备技能,那么后期的工作会进行的相当顺利,下面小编就为大家详细的介绍一下UI设计师必备技能都有哪些? UI设计师必备技能,看看你都学会了吗? 1、设计软件…

CSS中关于清除浮动的问题

1.采用:after的方法清除浮动 优点:避免在html里插入多余的标签 详情:http://www.positioniseverything.net/easyclearing.html 整理成一个通用的.clearfix .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden…

LeetCode实战:x 的平方根

题目英文 Implement int sqrt(int x). Compute and return the square root of x, where x is guaranteed to be a non-negative integer. Since the return type is an integer, the decimal digits are truncated and only the integer part of the result is returned. …

Vue中组件数据的传递

Vue中组件的作用域是隔离的&#xff0c;父组件中的数值子组件看不到&#xff01;也就是说&#xff0c;用angular作比喻&#xff0c;组件的scope天生是scope:()的&#xff01;如果父组件需要往子组件中传数据&#xff0c;此时应该使用标签属性&#xff1a; <div id"app&…

学习Python往哪个方向发展好

Python近几年在IT行业的发展前景是非常可观的&#xff0c;尤其是在人工智能领域这一块&#xff0c;吸引了很多人的关注&#xff0c;但不仅仅是人工智能领域&#xff0c;Python在很多其他地方也是非常有发展前景的&#xff0c;那么具体学习Python往那个方向发展好呢?来看看下面…

开发人员绩效考核中有效bug数的统计

我们都知道,开发人员的考核中,bug这块占了一定的比重,那么我们在统计每个开发人员的bug数时,显然要做到有效,不能把缺陷管理系统上的bug不经过处理,就直接进行统计. 如何统计有效bug数呢? 我们从bug的属性上进行控制,分析如下: bug问题来源: 需求问题架构问题设计问题编码问题…

LeetCode实战:反转字符串

题目英文 Write a function that reverses a string. The input string is given as an array of characters char[]. Do not allocate extra space for another array, you must do this by modifying the input array in-place with O(1) extra memory. You may assume al…

HTML5 监听当前位置

2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html><head><meta charset"UTF-8"><title>监听当前位置</title><meta name"viewport" content"widthdevice-width, initial-scale1,…

Python培训教程之Python基础知识点梳理

Python语言是入门IT行业比较快速且简单的一门编程语言&#xff0c;学习Python语言不仅有着非常大的发展空间&#xff0c;还可以有一个非常好的工作&#xff0c;下面小编就来给大家分享一篇Python培训教程之Python基础知识点梳理。 Python培训教程之Python基础知识点梳理&#x…

技术图文:如何通过挂单刷 BigOne 的贡献值?

背景 这段时间 BigOne 开启了「挂单捡钱七天乐」活动&#xff0c;凡在活动期间进行有效挂单的用户均可获得「贡献值」奖励。 详细情况如下&#xff1a; 1. 参与交易对 BTC/USDT, EOS/USDT, ETH/USDT, ONE/USDT, EOS/BTC, ETH/BTC, EOS/ETH&#xff0c;共 7 个交易对。 2. …

ASP.NET - Page 的生命周期

初始化(Initialization) 页面被请求时&#xff0c;第一个被执行的总是构造函数(constructor). 你可以在这里初始化很多自定义属性或对象。不过这里有一些限制&#xff0c;因为 page 还没有被完全初始化。特别地&#xff0c;你必须使用 HttpContext.Current 来访问 QueryString,…

【视频点播最佳实践】视频点播播放异常排查

阿里云视频点播是集音视频采集、编辑、上传、自动化转码处理、媒体资源管理、分发加速、视频播放于一体的一站式音视频点播解决方案。但是对于使用者来说经常遇到的问题即是视频点播中的视频如何对外提供服务&#xff0c;并且当播放出现异常时如何进行排查呢&#xff1f;本文主…

Java程序员技术培训需要培训哪些?

随着java技术行业的不断发展&#xff0c;越来越多的人想要学习java技术&#xff0c;那么想要成为一名优秀的java工程师&#xff0c;需要学习的技术知识是非常多的&#xff0c;下面小编就为大家详细的介绍一下Java程序员技术培训需要培训哪些? Java程序员技术培训需要培训哪些?…

VS2008 VS2010发布网站时如何产生固定命名的 Dll 文件

VS2008 发布网站时如何产生固定命名的 Dll 文件dev.firnow.com 时间 &#xff1a; 2010-12-08 作者&#xff1a;网络 编辑&#xff1a;fnw 点击&#xff1a; 82 [ 评论 ]--VS2008 在发布网站时&#xff0c;bin 目录里为所有 cs 生成的 dll 文件每次都是随机命名的&#…

LeetCode实战:两数相加

题目英文 You are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order and each of their nodes contain a single digit. Add the two numbers and return it as a linked list. You may assume the two nu…

计算机中的概念: 视图 VS 镜像

这两个概念还是不太一样的。下面来说说个人的理解&#xff0c;记录一下。 1. 镜像 镜像可以理解为一份完全一样的拷贝。也就是"深度拷贝"&#xff0c;一个复制品。 比如 iso映像文件&#xff0c;ubuntu-12.04.5-desktop-amd64.iso 比如 数据的多副本&#xff0c;用于…

Python入门学习方法有哪些?

Python编程语言是相对比较简单的一门编程语言&#xff0c;在IT行业&#xff0c;很多零基础学员都会优先选择Python语言进行学习&#xff0c;希望可以进入到IT这个大家庭&#xff0c;那么想要学好Python编程&#xff0c;针对Python入门学习方法有哪些呢?来看看下面的详细介绍。…

LeetCode实战:寻找两个有序数组的中位数

题目英文 There are two sorted arrays nums1 and nums2 of size m and n respectively. Find the median of the two sorted arrays. The overall run time complexity should be O(log (mn)). You may assume nums1 and nums2 cannot be both empty. Example 1: nums1 …

从Preact了解一个类React的框架是怎么实现的(一): 元素创建

首先欢迎大家关注我的掘金账号和Github博客&#xff0c;也算是对我的一点鼓励&#xff0c;毕竟写东西没法获得变现&#xff0c;能坚持下去也是靠的是自己的热情和大家的鼓励。  之前分享过几篇关于React的文章: React技术内幕: key带来了什么React技术内幕: setState的秘密其…

呵呵,哈哈,嘿嘿,从今天起就开始写博客文了

第一篇嘛&#xff0c;完完全全的水篇&#xff0c;因为确实不知道该写些什么好啦&#xff0c;恩&#xff0c;哈&#xff0c;以后就多写一些的了&#xff0c;嘘&#xff0c;玩别的去了&#xff01;拜拜&#xff01;转载于:https://www.cnblogs.com/thinkgao/archive/2011/04/26/2…

UI设计培训怎么选择就业方向

相信大部分人学习UI设计就是为了找到一份不错的工作&#xff0c;那么UI设计培训怎么选择就业方向呢?UI设计师有哪些就业方向选择呢?来看看下面的详细介绍吧。 UI设计培训怎么选择就业方向? 图形设计&#xff1a;图形设计不仅仅是美术的设计。在UI设计的工作中&#xff0c;图…

用JavaScript获取URL中的参数值

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv"Content-Type" content"text/html; charsetutf-8"> <title>测试JS获取…

LeetCode实战:最长回文子串

题目英文 Given a string s, find the longest palindromic substring in s. You may assume that the maximum length of s is 1000. Example 1: Input: "babad" Output: "bab" Note: "aba" is also a valid answer.Example 2: Input: &quo…

2017年9月11日 梁勇 java教材 编程练习题 第二章 2.15 键盘 读取两个点的坐标值(小数),控制台输出两点间距离。...

package com.swift;import java.util.Scanner;public class PToP {public static void main(String[] args) {Scanner scannew Scanner(System.in);System.out.println("请输入第一个点的坐标值x1");Double x1Double.parseDouble(scan.nextLine());System.out.printl…

学习java技术有前途吗

java技术在我国的普及已经是非常广泛的了&#xff0c;很多人都知道&#xff0c;java行业的发展前景是非常好的&#xff0c;但竞争压力也是非常大的&#xff0c;到底学习java技术有前途吗?来看看下面的详细介绍。 学习java技术有前途吗?目前按照各类招聘来看&#xff0c;Java的…

充分理解表达式——《狂人C》习题解答2(第二章习题5)

/* 编程求1357911。 */ #include <stdio.h> #include <stdlib.h>int main( void ) {printf ("1357911") ; printf ("%d\n" , 1 3 5 7 9 11 ) ;system("PAUSE"); return 0;}这个题目的主要目的有两个&#xff1a; 1.掌握写整…

LeetCode实战:整数反转

题目英文 Given a 32-bit signed integer, reverse digits of an integer. Example 1: Input: 123 Output: 321Example 2: Input: -123 Output: -321Example 3: Input: 120 Output: 21Note: Assume we are dealing with an environment which could only store integers …