php

php

php相关问题
html+css

html+css

JavaScript

JavaScript

js,jquery,vue.js等
Linux

Linux

Linux操作系统
Mysql

Mysql

各种资源

各种资源

开发工具,手册等
就业指导

就业指导

UI设计

UI设计

教学视频分享

教学视频分享

5个设计小技巧

寇老师 发表了文章 • 0 个评论 • 3 次浏览 • 22 小时前 • 来自相关话题

1.调整行间距

行间距大家都知道,但是具体如何设定值很多人不知道,一般我常用规则是 +4 ,比如文字大小是12PX,那么行间距就是16,以此类推文字是14,那么行间距就是18。

除了+4的规律你也可以运用黄金比例,文字大小X1.414,文字大小X1.616(1.414和1.616是黄金值)取四舍五入。

很多人要问,我如何判断界面里面用多大的行间距呢?道理很简单,就是看你们内容,如果你们app内容需要很丰富,你可以行间距小一些让屏幕展示更多内容,可以运用+4的原则,目前淘宝天猫是这个原则,如果你页面内容更加留白大一些阅读舒服一些,可以运用黄金比例的行间距,比如新闻阅读软件,需要大量留白来调整呼吸感!
 2.调整字间距

除了行间距,字间距同样很重要,特别是英文页面时候,同样的内容,字间距,和行间距不合适,看起来界面就会相差很多,有的看着很舒服,有的看起来说不出来哪里不对。

页面字母和字母之前距离非常的紧密,句子和句子之间的行间距也很近,导致阅读起来很密集,不够舒服,相反右边通过加大行间距和字间距,使得内容没有那么满,字母和字母之间的间距,行与行之间的间隔,使得整个设计节奏得到了一些舒缓!

需要注意的是:不要给太大的字间距,有时候过大也会让读者不舒服。


3.减少线 

在一个设计里面减少线条,或者让线条最少化,是让UI设计看起来干净的一种很重要的方法,通过间距来分割信息,加强内容和内容之间的间距,这样做,用户也是可以很清晰的区分信息层级。

需要注意的是:优先保证内容清晰,如果有些地方一定要用到线条,一定要使用它。


4.留白

页面放松和呼吸感在UI中非常重要,在左侧的设计中,元素之间的距离特别小,都挤在一个空间里面,非常的满。

要通过运用了版式,和空间感,有足够的空间让元素之间去呼吸让用户感觉舒服,让页面看起来更加的层次分明,利索干净。
 
 5运用卡片

在清晰度层面,使用卡片是帮助内容信息反馈的很好一种视觉形式,同时也让信息更加明确哪块是哪块。
 
卡片化设计在移动端让设计更加干净利落,是经常运用到的设计点。

总结

今天分享的几个小技巧点,其实是我们每天做设计中遇见的,需要灵活的多学多用,同时我们每天看到的一些好的设计,记得去留意分析,为什么别的设计好,别人设计看起来那么干净,毕加索说过:好的设计师借鉴,伟大的设计师偷。


1.加强行间距,+4原则或黄金比例

2.加大字间距: 0.1或0.2勿过大

3.减少线条,如非得已使用线

4.合理留白,拉开信息层级

5.运用卡片,更好整合信息
  查看全部
1.调整行间距

行间距大家都知道,但是具体如何设定值很多人不知道,一般我常用规则是 +4 ,比如文字大小是12PX,那么行间距就是16,以此类推文字是14,那么行间距就是18。

除了+4的规律你也可以运用黄金比例,文字大小X1.414,文字大小X1.616(1.414和1.616是黄金值)取四舍五入。

很多人要问,我如何判断界面里面用多大的行间距呢?道理很简单,就是看你们内容,如果你们app内容需要很丰富,你可以行间距小一些让屏幕展示更多内容,可以运用+4的原则,目前淘宝天猫是这个原则,如果你页面内容更加留白大一些阅读舒服一些,可以运用黄金比例的行间距,比如新闻阅读软件,需要大量留白来调整呼吸感!
 2.调整字间距

除了行间距,字间距同样很重要,特别是英文页面时候,同样的内容,字间距,和行间距不合适,看起来界面就会相差很多,有的看着很舒服,有的看起来说不出来哪里不对。

页面字母和字母之前距离非常的紧密,句子和句子之间的行间距也很近,导致阅读起来很密集,不够舒服,相反右边通过加大行间距和字间距,使得内容没有那么满,字母和字母之间的间距,行与行之间的间隔,使得整个设计节奏得到了一些舒缓!

需要注意的是:不要给太大的字间距,有时候过大也会让读者不舒服。


3.减少线 

在一个设计里面减少线条,或者让线条最少化,是让UI设计看起来干净的一种很重要的方法,通过间距来分割信息,加强内容和内容之间的间距,这样做,用户也是可以很清晰的区分信息层级。

需要注意的是:优先保证内容清晰,如果有些地方一定要用到线条,一定要使用它。


4.留白

页面放松和呼吸感在UI中非常重要,在左侧的设计中,元素之间的距离特别小,都挤在一个空间里面,非常的满。

要通过运用了版式,和空间感,有足够的空间让元素之间去呼吸让用户感觉舒服,让页面看起来更加的层次分明,利索干净。
 
 5运用卡片

在清晰度层面,使用卡片是帮助内容信息反馈的很好一种视觉形式,同时也让信息更加明确哪块是哪块。
 
卡片化设计在移动端让设计更加干净利落,是经常运用到的设计点。

总结

今天分享的几个小技巧点,其实是我们每天做设计中遇见的,需要灵活的多学多用,同时我们每天看到的一些好的设计,记得去留意分析,为什么别的设计好,别人设计看起来那么干净,毕加索说过:好的设计师借鉴,伟大的设计师偷。


1.加强行间距,+4原则或黄金比例

2.加大字间距: 0.1或0.2勿过大

3.减少线条,如非得已使用线

4.合理留白,拉开信息层级

5.运用卡片,更好整合信息
 

名片设计怎么做?

刘宇昆 发表了文章 • 0 个评论 • 13 次浏览 • 5 天前 • 来自相关话题

       好的名片设计都是在版式、字体、排印等多方面共同形成的。而不是简单的一个字体和印刷技术就能搞定的。所以我们在学习名片设计时候要多去注重字体排印细节、版式细节、字体使用方法等。简约的风格更能帮助用户查看信息

           



 
一款非常简约的名片,设计出来的标志只有一种颜色,创造性,简洁地采用了白色的背景,LOGO放在最显眼的地方(正面),是一个很好的表现方式,设计一款现代化的名片。在正面和背面的标志或图案,你可以列出相关的信息,包括名称,公司名称,标记线,和联系信息方式等。

           



 
       名片作为一种职业的独立媒体,在设计上要讲究其艺术性。但它同艺术作品有明显的区别,它不像其他艺术作品那样具有很高的审美价值,可以去欣赏,去玩味。它在大多情况下不会引起人的专注和追求,而是便于记忆,具有更强的识别性,让人在最短的时间内获得所需要的情报。因此名片设计必须做到文字简明扼要,字体层次分明,强调设计意识,艺术风格要新颖。
        名片设计可以采用横式来排名片版,也可以使用竖式和折卡式。您运用自己对名片内容的理解,把文字、图片、标志、色块、图形进行有机的排列组合,最后在电脑中形成名片。
       字体选择和色彩选择是名片的主要修饰手段。变换字体是名片设计的主要方式。名片上文字本来多,内容也没有必然的联系,所以可分散排列,每一内容的字体可以使用不同的字体,不同的字号大小,对字体进行特殊处理,也可使用不同的字体颜色;对名片的色彩,您可以使用照片,也可以使用色块,配合文字与商标的色彩,使名片更有美感。但名片的色彩选择,决定名片的价格,您只选择双色印刷,那么您无论印照片或色块,只能在三原色(红、绿、蓝)和黑色中选择两种进行搭配;您选择三色印刷,您选择的范围要大一点,可印出彩色图片;要想您印出的色彩更饱满,您最好选择四色印刷。 查看全部
       好的名片设计都是在版式、字体、排印等多方面共同形成的。而不是简单的一个字体和印刷技术就能搞定的。所以我们在学习名片设计时候要多去注重字体排印细节、版式细节、字体使用方法等。简约的风格更能帮助用户查看信息

           
v2-7849ccbd318caa6802777f6c37faf960_hd.jpg

 
一款非常简约的名片,设计出来的标志只有一种颜色,创造性,简洁地采用了白色的背景,LOGO放在最显眼的地方(正面),是一个很好的表现方式,设计一款现代化的名片。在正面和背面的标志或图案,你可以列出相关的信息,包括名称,公司名称,标记线,和联系信息方式等。

           
v2-bd14e9880b769dff058cccd644468c35_hd.jpg

 
       名片作为一种职业的独立媒体,在设计上要讲究其艺术性。但它同艺术作品有明显的区别,它不像其他艺术作品那样具有很高的审美价值,可以去欣赏,去玩味。它在大多情况下不会引起人的专注和追求,而是便于记忆,具有更强的识别性,让人在最短的时间内获得所需要的情报。因此名片设计必须做到文字简明扼要,字体层次分明,强调设计意识,艺术风格要新颖。
        名片设计可以采用横式来排名片版,也可以使用竖式和折卡式。您运用自己对名片内容的理解,把文字、图片、标志、色块、图形进行有机的排列组合,最后在电脑中形成名片。
       字体选择和色彩选择是名片的主要修饰手段。变换字体是名片设计的主要方式。名片上文字本来多,内容也没有必然的联系,所以可分散排列,每一内容的字体可以使用不同的字体,不同的字号大小,对字体进行特殊处理,也可使用不同的字体颜色;对名片的色彩,您可以使用照片,也可以使用色块,配合文字与商标的色彩,使名片更有美感。但名片的色彩选择,决定名片的价格,您只选择双色印刷,那么您无论印照片或色块,只能在三原色(红、绿、蓝)和黑色中选择两种进行搭配;您选择三色印刷,您选择的范围要大一点,可印出彩色图片;要想您印出的色彩更饱满,您最好选择四色印刷。