乐乐彩票登录正规网投彩票平台:楼市要变天?深圳提高豪宅线144㎡以下免交豪宅 http://dogschool-wan.com 爱设计,爱分享?/description> Thu, 20 May 2021 06:49:20 +0000 zh-CN hourly 1 http://wordpress.org/?v=5.1.10 ub8优游5.0用户注册乐乐彩众乐快3买:圣蛋节?詹皇开局遭贝弗利踢裆捂腹股沟表情痛 http://dogschool-wan.com/c4d-dongxiao-jiaocheng.html http://dogschool-wan.com/c4d-dongxiao-jiaocheng.html#respond Thu, 20 May 2021 00:00:13 +0000 http://dogschool-wan.com/?p=49134 C4D+Octane动态海报设计教程,科技感十足!

前言:大家之前看过阿里的UCAN主视觉设计吗?没看过请看下图,这是一个由动态符号组成的动态海报设计,看起来非常酷,到底如何实现的呢?今天就分享这个Octane+C4D教程给大家,本次教程的内容通用型很强,学会后可以尝试用到自己项目上哦? C4D+Octane动态海报设计教程,科技感十足! 今天分享一个简短的创作思路?strong>仅供参考原理,不作100%还原?/strong> 先备好C4D、Octane?

 1、基础形态?/strong>

新建一个圆环,分段数不要太低。在垂直方向Y轴上给一个“螺旋”变形器,把平面的圆形扭成一个立体的8? C4D+Octane动态海报设计教程,科技感十足! 新建一个平面,通过锚点编辑将它改成带圆角的三角形? 给它俩添加“扫描”效果器,你就得到了一个类似莫比乌斯环的形体? C4D+Octane动态海报设计教程,科技感十足! 就还,挺妖娆的? 如果觉得动感不够,可以继续给圆环添加一个“扭曲”变形器,让造型更妖娆一些?

 2、灯光场景?/strong>

显而易见Design Week这个KV走的是酸性金属风格,因此我们场景需要一个镭射质感的幻彩背景? C4D+Octane动态海报设计教程,科技感十足! 车展上为了呈现汽车轮廓曲线的立体感,会用阵列式的格栅光源,那种光怪陆离的灯效充满了未来科技感,非常适合营造酸性金属风? C4D+Octane动态海报设计教程,科技感十足! 因此我们用OC区域光进行阵列,从主体的几个不同方向添加到场景,完成布光? 至于灯光的冷暖和强弱对比,大家可以根据喜好自行安排?

 3、镭射材质?/strong>

酸性金属表面有一层看似油膜反射的色散材质,有很强的视觉流动感? 实现方式非常简单,在OC材质系统里打开薄膜选项就行了,参数可大致参考我给的数值? C4D+Octane动态海报设计教程,科技感十足! 如果更考究一些,你也可以选择Mix混合材质,将薄膜材质与半透明材质融合一下,使主体看上去更通透?

4、动起来! 

回到基础形体,在“扫描”效果器-对象选项面板里,将“细节”打开,分别在0帧和120帧K出如下的数值: C4D+Octane动态海报设计教程,科技感十足! 调整摄像机视角,将时间轴归位,从头开始播放动画,你就能得到一个立体?#38;”形态无限自循环的效果? C4D+Octane动态海报设计教程,科技感十足! 最终调整布光阵列的位置,反复观察在形体表面形成的反射是否美观,调整摄像机焦距,打开辉光参数,渲染输出所有帧,进行简单排版就能得到如下视频: C4D+Octane动态海报设计教程,科技感十足! (这是之前做的,我偷懒了,没有加背景? 至此就基本完成了视觉符号的设计,你有时间也可以将?#38;”的基线换成其他造型练练手,看看会不会有什么意外的惊喜?

延展探讨 

以上是关于技法实现的探讨,聊完了我们一起回到这个符号本身。技法只是表象,思辨才是设计的本质? Design Week选择?#38;”作为视觉符号,是一个取巧的策略。?#38;”意同and,来源于拉丁语et (意为and)的连写,逻辑上表示两者属于缺一不可的关系? 设计作为纽带,一端绑定用户,一端绑定商业; 设计作为桥梁,一端连接人文,一端连接科技?/strong> 重要的是找到这个符合语境的设计语言,通过图形透传品牌理念,而不仅仅是表现出来? 一件经典的设计不但可以满足社会需求,也是技术与艺术的平衡,更是心智与认知的革新? 比如VR全景视频;比如iPhone的视网膜屏幕;比如扎哈的建筑? 设想一下,如果是你来操刀Design Week的KV设计,你会怎么臻选视觉符号? 作?| lavon 来源 | 赏酒二两(id:Spirits-100g)


(ノ◕‿◕)?:・゚?查看最受欢?301 个设计网?/a> *:・゚✧ヽ(◕‿◕?

UI设计QQ?/a> ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://dogschool-wan.com/c4d-dongxiao-jiaocheng.html/feed 0
彩客竞猜彩票优游手机客户端-注册平台:单场10次过人!英超又一神将:吃饭睡觉打曼城 http://dogschool-wan.com/shense-jinrong-ui.html http://dogschool-wan.com/shense-jinrong-ui.html#respond Tue, 18 May 2021 23:03:02 +0000 http://dogschool-wan.com/?p=49120 使用深色主题的金融类UI设计

目前越来越多的应用适配了深色模式,深色系的配色除了可以降低夜晚使用软件对眼睛的刺激,其本身所具有的高级感、神秘感、低调感也是受到人们喜欢的原因之一,这也恰好符合了移动金融APP的特性? 以下?2款深色主题的金融类UI设计,希望给你带来灵感! 使用深色主题的金融类UI设计

Wallet App by Bogdan Nikitin

使用深色主题的金融类UI设计

Wallet ?Mobile App by Tran Mau Tri Tam ?/p> 使用深色主题的金融类UI设计

MoBank UI by Nicholas.design

使用深色主题的金融类UI设计

Finance mobile app by Alesya

使用深色主题的金融类UI设计

Crypto wallet mobile - first iteration by Zazuly Aziz

使用深色主题的金融类UI设计

Crypto Wallet App by Sandro Tavartkiladze

使用深色主题的金融类UI设计

Banking Wallet App by Sajon

使用深色主题的金融类UI设计

Banking App Design by Rakib Kowshar

使用深色主题的金融类UI设计

Wallet App Design by Rakib Kowshar

使用深色主题的金融类UI设计

KingsBank | Banking app by Kawsar Ahmed

使用深色主题的金融类UI设计

Wallet App by Dmitry Litvinenko

使用深色主题的金融类UI设计

Crypto wallet mobile - first iteration by Zazuly Aziz

来源:dribbble


(ノ◕‿◕)?:・゚?查看最受欢?301 个设计网?/a> *:・゚✧ヽ(◕‿◕?

UI设计QQ?/a> ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://dogschool-wan.com/shense-jinrong-ui.html/feed 0
盛宏彩票注册福建快3:英超-奥巴梅扬破门亚伯拉罕绝杀阿森纳1-2切尔 http://dogschool-wan.com/guochao-fengge-ziti-sheji-jiaocheng.html http://dogschool-wan.com/guochao-fengge-ziti-sheji-jiaocheng.html#respond Tue, 18 May 2021 01:45:35 +0000 http://dogschool-wan.com/?p=49034 国潮风格字体设计教程

近年来,国潮这个词,可以说是越来越火,热度不减。很多的品牌和产品,都在想尽办法玩转国潮风。而字体标题,在国潮类的设计作品里,当然也有很重要的戏份? 国潮风格字体设计教程 今天这一份教程,我们就讲讲这个主题: 电商标题字体,如何体现国潮范? 书法字,自然是一个不错的选择,中国古代的书法字,不管是隶书、楷书还是篆书,都相当具有文化气息,我们可以根据需要提取其笔画特点,再通过一种崭新的方式去表现: 国潮风格字体设计教程 或者是,在字体里融入中国元素,比如:窗格、祥云、古建筑等等,这也是很容易想到的思路? 国潮风格字体设计教程 另外,国潮不一定非得是刻板守旧的,让中国元素在传统与现代中进行碰撞,也会出现别样的灵感火花? 接下来,我们用四个案例进行讲解,希望能带给大家更多的灵感? 国潮风格字体设计教程 这是以国潮为主题的活动标题,分析标题后,我们会发现,这款字,既需要体现国潮范儿,又得体现一定的气势感,所以,我想尝试用手写和楷书的形式去结合? 国潮风格字体设计教程 首先,用“画笔”工具先写一组草稿出来,在写的过程中,为了避免结构过平,需要注意几点? 1,字体之间可以有大小对比,目的是为了让整体更有节奏感。大小对比有多种处理形式,可以两头大、中间小,也可以按照“小大小大”的节奏进行,这次的案例,我选择了后者? 国潮风格字体设计教程 2,所有横笔统一向右上倾斜,这样会让字体更有气势? 国潮风格字体设计教程 3,字和字之间,可尝试笔画的穿插,让它们之间建立更多的联系,也会加强其整体感? 国潮风格字体设计教程 4,在字体结构的变化上,需要摆脱方方正正的常规型结构,“潮”字左边和中间的部分,经过了适当夸张,会明显更活跃、更具冲击力? 国潮风格字体设计教程 国潮风格字体设计教程 基本结构框架确定之后,就可以为其填充笔画形态,前期为了减少难度,我们先来用直线的形式去填充,笔画的粗细变化,可根据日常手写的压感来确定? 国潮风格字体设计教程 整体观察,发现“崛”字相对与其他字,缺少一些粗笔,分量感稍显不足,所以要进行优化调整? 国潮风格字体设计教程 继续观察,发现“国”字和“崛”字都偏小了点,显得整体不够协调? 我们再做一些微调,到这一步,完全可以将其视作粗犷类的字体风格,还不是那么的国潮,还差一点味道? 国潮风格字体设计教程 国潮风格字体设计教程 国潮范不足,说明还缺少一些中国元素,这一步,我找了一些传统的楷书,尝试将其中的某些笔画特点进行提取,然后融入到我们的字体里? 国潮风格字体设计教程 再来看一下调整后的局部对比: 国潮风格字体设计教程 在每个字的边缘位置,添加一到两处描边效果,可以让细节更为丰富? 国潮风格字体设计教程 这一步,添加文案,做出适合主题的排版,让国潮的风格更为浓厚? 国潮风格字体设计教程 最后,看一下应用效果? 国潮风格字体设计教程 *字体帮有很多字效教程,本次教程,只讲字形部分的设计过程,字效部分暂不作分享? 国潮风格字体设计教程 这是一款中秋节的活动标题字体,这次,我们尝试用现代感的黑体融合传统的隶书,看看两者能擦出什么样的火花? 国潮风格字体设计教程 首先,用钢笔工具搭建出笔画框架,笔画粗细适中? 国潮风格字体设计教程 为了使标题字更为灵动有趣,可以根据字体的复杂程度,做出大小的区分,也可以给字体之间做出错位排版? 国潮风格字体设计教程 其中,“秋”字和“季”字,我们参考了隶书的结构,虽然,笔画暂时还只是纯线条,但已经能感觉到一点传统的气息了? 国潮风格字体设计教程 对称,也是表现传统感的常用技巧之一,细心的小伙伴一定会发现,字体里有不少可以对称处理的笔画? 国潮风格字体设计教程 国潮风格字体设计教程 从标题里的“团圆”,我们联想到了“家”,从“家”联想到了传统的中国建筑,这里,我们把中国传统建筑里的飞檐翘角元素,融入到字体中,如下图? 国潮风格字体设计教程 看一下整体融合的效果,要比之前丰富很多,对称感也更强了? 但是还不够,我们继续来深入? 国潮风格字体设计教程 国潮风格字体设计教程 在上图中,虽然“秋”字和”季”字用了隶书的结构,但是整体观察,隶书的味道还不够显著,我们发现隶书中“撇”的笔画,是有粗细变化的,我们把这个变化,也融入到我们的作品里去? 国潮风格字体设计教程 再来看一下整体效果? 国潮风格字体设计教程 国潮风格字体设计教程 给字体转折的位置增加圆角,使其传统的味道更加饱满? 国潮风格字体设计教程 来看一下局部效果? 国潮风格字体设计教程 最后,添加排版,在中心的位置加一个圆,寓意团团圆圆,也会让视觉更为聚焦? 国潮风格字体设计教程 再来看一下应用效果? 国潮风格字体设计教程 国潮风格字体设计教程 这是一款端午节的活动标题,端午节,有很中国风元素可以使用,这次的案例,我们用云纹和字体去做结合? 国潮风格字体设计教程 首先,打出黑体字,观察其结构,把字体里的斜笔,统一处理成横竖线,这样,方便我们后期去融合云纹? 国潮风格字体设计教程 用“钢笔”工具搭建出笔画框架,整体偏扁平一些,笔画粗细适中? 国潮风格字体设计教程 国潮风格字体设计教程 尝试做一些字和字之间的连笔,连笔的转折增加圆角,这样,既增加了设计感,又加入了云纹的创意? 国潮风格字体设计教程 国潮风格字体设计教程 继续尝试字体内部的连笔,并增加圆角,这一步的连笔需要掌握尺度,连的太多,或者强行连笔,都会影响到字体的识别度,需要多多实验,适可而止? 国潮风格字体设计教程 国潮风格字体设计教程 给字体转折的位置增加宽度,具体方法是,先转曲,然后选中转折的内部锚点,拉一个合适的宽度出来? 国潮风格字体设计教程 国潮风格字体设计教程 加入小标题,并搭配颜色? 国潮风格字体设计教程 再加几片小粽叶,渲染一下氛围,搞定? 国潮风格字体设计教程 最后,我们看一下应用效果? 国潮风格字体设计教程 国潮风格字体设计教程 楷体,在国潮风格电商标题里的应用,也是很广泛的,但是直接用字库里的楷体,会缺少一些创意,不够独特和醒目? 这次,我们设计“年货不打烊”,就用楷体的风格进行一番全新尝试? 国潮风格字体设计教程 从书法网站里找出相关的楷体,下图找出来的字,虽然都是楷体,但每个字的笔画特点,是有区别的,有的比较圆滑,有的则比较锐利,所以,需要提取出部分笔画,为其统一风格? 国潮风格字体设计教程 国潮风格字体设计教程 我们打出字库里的楷体做垫底,还是尝试做这种错位的灵活排版? 国潮风格字体设计教程 接下来,用上面提取出来的笔画,进行结构搭建,相比垫底的字库字,搭建出来的字体,笔画更紧凑、更厚重? 国潮风格字体设计教程 再调整字间距,基本感觉出来了? 国潮风格字体设计教程 国潮风格字体设计教程 给部分字体增加一些断笔,使其透气清爽一些? 国潮风格字体设计教程 国潮风格字体设计教程 整体还是略平,我们给部分笔画,做一些夸张处理,加强其中的张力? 国潮风格字体设计教程 在“烊”字的设计上,加大了左右对比,同时通过笔画位置的调整,缩小中间的负空间,让其看起来更为均衡? 国潮风格字体设计教程 国潮风格字体设计教程 为了加强氛围,我们可以加入相关图形进行笔画替换? 图形替换需要注意以下两点: 1、图形应具备代表性,简练概括,不宜复杂? 2、图形替换笔画后,不能影响字体识别度,比如:“烊”字里,如果用灯笼代替整个火字旁,就会影响识别度,如果用灯笼只代替其中的一个笔画,就没有问题? 国潮风格字体设计教程 国潮风格字体设计教程 字体到这里基本差不多了,再为其搭配一个印章作为点缀,这里我用“年”字和祥云做了一个融合? 国潮风格字体设计教程 最后,搭配文案排版,添加配色,也搞定啦? 国潮风格字体设计教程 最后,按照惯例,看一下应用效果? 国潮风格字体设计教程 最后,我们将四个案例,用常规宋体和我们设计之后的字体做对比,这样的感受会更明显? 全新设计后的字体,无论在创意上还是形式上,都会更加独特,更有设计感和冲击力,为整体页面增色不少! 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 国潮风格字体设计教程 好的字体,可以带来更高的点击率和回头率,甚至,可以这么说? 好字体,就是生产力! 希望大家都可以做出好字体,让自己的作品更值钱? 好了,今天的教程就到这里,感谢大家阅读? 本篇教程作?| 李买,刘兵克,李雪萍 来源 | 站酷 liubingke.zcool.com.cn


(ノ◕‿◕)?:・゚?查看最受欢?301 个设计网?/a> *:・゚✧ヽ(◕‿◕?

UI设计QQ?/a> ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://dogschool-wan.com/guochao-fengge-ziti-sheji-jiaocheng.html/feed 0
彩票988官方网站金马app下载:新车停小区内被流浪狗咬坏,该找谁赔? http://dogschool-wan.com/li-xiang-sheji.html http://dogschool-wan.com/li-xiang-sheji.html#respond Mon, 17 May 2021 00:00:08 +0000 http://dogschool-wan.com/?p=48944 如何理性的设计

当我们仅凭自己审美和感觉做出来的设计,旺旺很难产出有理由据的作品,尤其是遇到需求方的疑问“这里为什么这样做?”“设计意义是什么?”我们应该学会理性的设计? 如何理性的设计

理?/strong>的设?/strong>

很多人都会觉得设计师是感性的职业。我们用想法去解决用户的问题,而不是算法。但我们在把想法转化为方案时,我们需要去说服很多人,在这个过程中,需要有充足的理由去证明自己的方案是合理并能解决用户问题的? 反过来说,我们的用户是感性的,在评判一个产品的时候,用户往往会有很多主观的感受。而当这种感受映射在一个更大基数的用户群下时,往往反映出一定的客观规律,所以说设计尤其是体验设计,其实是一个非常需要理性思考的职业? 那么,如何学会理性的思考设计,以下是我的几点建议:

每一个像素都有理有据

如何理性的设计 你的设计在交付的时候,一定会遭到需求方以及开发的疑问。例如「这个地方为什么这么设计」,「这个动画有什么意义」诸如此类的问题。如果一个设计只是靠我们的「审美」和「感觉」做出来的,设计review上往往会遭到很多的挑战。为了避免这样的问题,我们在设计阶段必须让自己的产出有理有据? 设计的时候,问自己每一个像素,为什么是这个颜色,举个例子:使用红色,为了警示用户;使用蓝色,因为这是品牌色,符合规范中对于行动点的定义等等;还有这个像素为什么出现在这里,动画为什么这么出现,希望怎么引导用户…除此之外,以下我的方法也许也能帮到你:

充足的竞品分?/strong>

如何理性的设计 如果你在做的是一个市面上相对成熟的功能,千万不要忽视竞品分析这个环节。你的用户可能被这些成熟的产品调教的有一定习惯,你在原来链路上做的哪怕是非常优秀的创新,也会被用户以「不符合习惯」为理由作为缺点? 但是竞品分析不等于抄袭竞品,一定要去思考竞品这么做的原因,哪怕这个点在你第一眼看来不合理,也要去思考对方为什么这么做,然后在思考的基础上做出自己的判断,给出自己的结论?

合理的用户调?/strong>

如何理性的设计 了解你的用户需求,收集用户的意见并整理归类,根据不同类别下问题的数量来判断解决问题的优先级,设计的侧重点等等。当你用用户真实的声音去回击他人的质疑的时候,应该没有比这更有说服力的方法了?

数据分析

学会用数据武装自己也是设计师非常需要的技能之一,过往的设计产生的数据反馈,上线产品之后的数据反馈等等都是设计时非常可靠的依据。比如最近微信针对新上线的「好看」和视频分享功能,均可以看到在迭代中不断优化,背后大概就是数据反馈分析的结果? 用成熟的理论武装自己 「格式塔心理学」,「尼尔森十原则」等等成熟的理论,都有一定的调研的和实际经验,使用成熟的理论来验证并支撑自己的设计,体现自己的设计专业度? 练习自己的设计评价能力,避免使用感性词?/strong> 如何理性的设计 截图自Dribbble首页 提升自己的设计评价能力也可以帮助理性分析思维的提升。你的同事给你看他的设计的时候,不要脱口而出就是「很奇怪」,「不好看」这样的主观词汇。这样的感受往往只是你个人的主观判断,你一定要说得出「为什么奇怪」,「为什么不好看」才能真正给对方实用的建议? 同样我们在看到Dribbble上首页推荐的作品,千万不要被数量庞大的点赞数绑架。静下心来去分析,这个设计为什么好,同时也要批判性的去看,这样的设计实际中是否对用户友好,花哨的动效是否真正有对用户合理的引导,时长是否会对用户造成干扰等等。总之不断让自己去分析和思考,提升自己的理性评价能力?

不要被用户反馈绑?/strong>

如何理性的设计 产品上线之后,你一定会收到一些热心用户的反馈。但是你的产品有1000位用户,只有1位用户骂你丑,难用,你可以放在心上,但是这样单独的反馈不足以成为你紧张自己的设计是否合理的理由。往往觉得好用的用户是不会有感觉以及反馈的的。这里引用张小龙演讲的一段话? “其实任何一个大的改版都会带来用户的不满,因为人习惯于自己熟悉的界面,觉得是最好的。我们没办法?0亿人来投票决定什么是好的,也投不出来。那怎么才能通过改变寻求设计的优化,让它变得更好呢?这个决策必须遵循好的设计原则。? “尤其是UI上,我们永远不可能让所有的人满意。但是,我们比如让产品越来越美,符合甚至引导当前用户的审美,而不是落伍于时代。? 是的,你的设计不可能让所有人满意,但收到反馈时,鉴别这个反馈是否有价值,学会合理的分析并思考,这样才能让你的设计变得更优秀?

自信

如果你的设计符合了以上的几条建议,那么希望你能保持一颗自信的心态,相信自己的设计是有理有据的产出。自信的情绪会让你在设计review上有更好的气场。毕竟要让别人相信你,首先你得相信自己? 当然你也要保持谦虚,如果在你认为设计有理有据的同时,遭到了他人有理有据的质疑,虚心接受并反思自己为什么没有考虑到,这样的意见会帮助你下次更完善的思考和成长? 文中插图均转自波兰设计师:Igor Kozak,网站链接: http://dribbble.com/igorkozak 感谢阅读? 作?| 王青年,热爱应用的UI设计师和您一起品味各种好玩有趣的APP 公众?| Lookapp


(ノ◕‿◕)?:・゚?查看最受欢?301 个设计网?/a> *:・゚✧ヽ(◕‿◕?

UI设计QQ?/a> ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://dogschool-wan.com/li-xiang-sheji.html/feed 0
红中彩票官网乐盈彩票登陆:车神·经新BMWX1是台最实用主义的宝马 http://dogschool-wan.com/8-point-grid.html http://dogschool-wan.com/8-point-grid.html#respond Sun, 16 May 2021 00:00:16 +0000 http://dogschool-wan.com/?p=48930 8点网格,一个热门网格设计系? title=

前言:我觉得UI设计师应该要学会8点网格(8Point grid),这个网格系统对APP设计和网页设计都很有帮助,比如响应式网页、界面重中的行距、图标的网格等等,都可以用网格系统来规范化?

看完本文你会学到?/h3>
1. 8点网格系统的意义 2. 为什么使?点网格系? 3. 8点网格系统的技巧有哪些

什么是8点网?/strong>

就是建立8点为一个单位的网格,所有的元素尺寸都是8的倍数? ?图片来自Material Deisgn设计规范

为什么是 8点?

为什么是基于8点去定义网格,而不?点或?0点?引用下Quora上一个提问的回答?
If you use 8, you can easily resize without ending up with half or quarter pixels. 8/2=4, 4/2=2 and 2/2=1. If you start with 10 you’ll end up with 2.5 pixels, and then 1.25 (10, 5, 2.5, 1.25 ? you get the idea. 8 gives you more flexibility than 10. /Sjur O. Sundin, Senior UX Architect / Design Manager ?San Diego, CA/
意思是:如果你?作为设计的最小单位,你可以很方便的缩小的你的设计尺寸?/2=4,4/2=2,2/2=1。如果你?0开始,你缩小到的网格单位可能是2.5像素,在往下是1.25像素? ?8×8的元素被一直缩?0%的情? 如果你是2倍屏设计?倍下就是奇数的尺寸,如果是要在偶数尺寸的屏幕中(基本上的屏幕尺寸都是偶数的)剧中对齐位置上就会产生小数点了,如果是再缩放一倍,这时候元素尺寸又产生了小数点了,相信各位的洁癖肯定是不能忍的?

为什么要使用这套系统?

这里引用一些Material Design中的设计指导和Spec的一篇文章中的信息,结合自己的经验来说明下: 1. 更统一的UI 当所有的元素尺寸都符合同样的规则时,你自然就获得了一套更加统一的UI? ?图片来自Material Deisgn设计规范 2. 更少的选择=节约更多的时?/strong> 也许在设计某个元素的时候,或者定义某个空隙的时候,你用8好像稍微宽了点,于是你一点一点地调整。但你在选择空隙?还是8的时间时,你做其他事情的时间也就被浪费了,最后效果的差异其实并没有那么大? 更可怕的是最后你的设计稿里这里是6,那里是8,没有一套清楚的规则的时候,会影响到开发对你设计稿元素间尺寸的认知,于是你精心调好的细节也会没有那么好的被还原? 试想你跟开发达成一种默契:如果我这里的标注小于8,那你看?就好。其他的,一定是8的倍数? 3. 多平台的响应式设?/strong> 基本的主流屏幕尺寸都至少在横竖一个轴的维度上能被8整除,很多时候两个轴的未读都可以。甚至,有些平台的设计规范(比如Material Deisgn)会特别要求建立4pt?pt为基准的网格,这样整套系统就能自然的符合这一规则? ?当前主流屏幕的解决方案,可以看到基本上都能被8整除 有些屏幕会很难调整适应这个系统,比如iPhone6开始的375×667的尺寸,但是解决方法也很简单。保持填充和空隙(padding & margin)的尺寸统一遵循规则,剩余的空间可以用块状的元素来填充。有一些元素的尺寸是奇数的也没关系,只要他们能让整体遵守这套规则就好? 记住你的用户永远不会看到你实际使用的尺寸? 比如Material Design没有限制元素的高度一定符?的倍数,但是让元素的点击范围遵?点网格的规则? 所以说,这套系统更多的是用来规范自己的设计和开发,节省开发和设计沟通的时间,提高设计统一性,对用户来说可能感知不大?

执行这套方案的技?/strong>

1. 建立网格并对齐网?/strong> 几乎所有设计软件都有「对齐到网格」的选项。如果你的设计绝对符合这套系统的话,设置好相应的网格选项并对齐绝对会给你很大的帮助。所以,你要先确保你打开了「对齐到网格」选项? ?Sketch中设?px为基准的网格 2. 确定你自己的增量习惯 大多数设计软件都可以调整移动增量值,我喜欢把我的大增加值(按住command移动的增量)从默认的10调整?,这会方便很多? ?在sketch中调整键盘增? 3. 快捷?/strong> 很多应用程序都有快捷键,可以让你在设计时快速移动元素、调整大小。记住这些快捷键,配合网格使用可以大大提高你的效率? 4. 建立icon的框?/strong> ?Material Design icon的框? 图标通常需要不同的大小以保持相同的视觉重量。用框架来设计图标,这是保持尺寸一致性的简单方法。同时,框架能有效保证图标的大小符合网格的规范。同样记得把图标的框架大小设置成8的倍数,并从大的图标开始设计,缩放后记得对细节做调整? 5. 放大、缩?/strong> 如果你一直放大到1600%来设计,你可能会丢失垂直方向上的布局感受。相反,如果你一直在50%的缩放比例下查看你的UI稿,你可能会丢失一些重要的细节,比如完美像素。所以记住要经常放大缩小界面,在各种比例下查看你的设计? Material Design设计规范:https://material.io/guidelines Spec文章链接:https://spec.fm/specifics/8-pt-grid 作?| LookApp,热爱应用的UI设计师和您一起品味各种好玩有趣的APP 公众号:LookApp(ID:lookapp01?/small>


(ノ◕‿◕)?:・゚?查看最受欢?301 个设计网?/a> *:・゚✧ヽ(◕‿◕?

UI设计QQ?/a> ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]>
http://dogschool-wan.com/8-point-grid.html/feed 0
优游注册平台-优游官网【官方网站】海之星官网:中国航天的2020:从月球取样,还想登陆火星 http://dogschool-wan.com/source-han-sans.html http://dogschool-wan.com/source-han-sans.html#comments Fri, 14 May 2021 00:00:34 +0000 http://dogschool-wan.com/?p=48909 可变思源黑体 + 行高修正?+ 思源黑体合集下载(更新至V2.004)

思源黑体是设计师必装免费中文字体之一,目前有多个版本,为了方便日后使用,小编将其分类整理好,并在保持在设计达人公众号更新,字体包含:可变思源黑体、行高修正版、中日韩字体合集下载,现已更新到最新版本,如果发现有新的版本,大家可以留言给我们更新哦? 可变思源黑体 + 行高修正?+ 思源黑体合集下载(更新至V2.004)
关于Source Han Sans? 思源黑体由Adobe和谷歌合作开发的开源字体,是一?OpenType/CFF 泛中日韩字体。​这个开源项目不仅提供了可用?OpenType 字体,还提供了利?a href="http://github.com/adobe-type-tools/afdko/" rel="noopener noreferrer" class="blank-link" target="_blank">AFDKO工具创建这些 OpenType 字体时的所有源文件?/blockquote>

1、思源黑体可变?/h3> 什么事可变版字体?我们日常的字体是有多个字重,比如粗体、细体,而可变版字体除了有字重之外,最大特色是可随意调节字体粗?/b>? 可变思源黑体 + 行高修正?+ 思源黑体合集下载(更新至V2.004)

需要Adobe illustrator 2018以上版本

PS: 如果可变字体无法直接安装于windows系统,但要在PS/AI中使用,可将字体文件拖入Adobe字体文件夹,默认路径? Adobe\Illustrator CC\Support Files\Required\Fonts 下载地址?/strong>http://pan.baidu.com/s/1_Vw0q1wNA1zokluoA5ATOg 提取? 2yar

2、思源黑体简体版

思源黑体是大陆设计师最常用的免费字体,所以单独一个简体版个大家下载。多国语言完整版在文末? 可变思源黑体 + 行高修正?+ 思源黑体合集下载(更新至V2.004) 下载地址?/b>http://pan.baidu.com/s/1yOW-9qitkJzW3qy258WTXw 提取? gqj4

3、思源黑体行高修正?/h3> 注:行高修正是基于这个方法修正的:https://zhuanlan.zhihu.com/p/19887102 为什么要行高修正版? 在AI或者PS软件中选择字体时行高会出现下图这样子,有时候提烦人的? 可变思源黑体 + 行高修正?+ 思源黑体合集下载(更新至V2.004)

行高未修?/p> 行高修正后,是这个样子: 可变思源黑体 + 行高修正?+ 思源黑体合集下载(更新至V2.004)

行高修正?/p> 思源黑体(行高修正版V2.004 简体)下载地址?a href="http://pan.baidu.com/s/1CIwNcdscYExqUHxWZQMOTg" class="blank-link" target="_blank" rel="noopener noreferrer">http://pan.baidu.com/s/1CIwNcdscYExqUHxWZQMOTg 提取? b4h8 思源黑体(行高修正版V1.0多国语)下载地址?a href="http://pan.baidu.com/s/1R7w4T2khHTEnLrNj7tA6wQ" class="blank-link" target="_blank" rel="noopener noreferrer">http://pan.baidu.com/s/1R7w4T2khHTEnLrNj7tA6wQ 提取? 8drh

4、思源黑体完整?/h3> 包含思源黑体可边版本 + 简体、繁体、日文、韩?+ HW等宽字体(但不包含行高修正版? 可变思源黑体 + 行高修正?+ 思源黑体合集下载(更新至V2.004) 思源黑体官方下载地址?a href="http://github.com/adobe-fonts/source-han-sans/" class="blank-link" target="_blank" rel="noopener noreferrer">http://github.com/adobe-fonts/source-han-sans/ 网盘下载?http://pan.baidu.com/s/1eTulgCMWBspEQdKVCjPbvA 提取? neci FAQ?/b> 安装字体后,字体名字后面多了个HW是什么? 答:等宽字,即字体高度、宽度一样? 安装可变版字体后,出现系统字体崩溃的现象(重启系统后能恢复)? 答:Windows系统请安装TTF版本,Mac系统请安装OTF版本?

?最新思源黑体下载??/em> 扫码,关注后台发送?b>思源黑体」即可最新下载地址 ?




(ノ◕‿◕)?:・゚?查看最受欢?301 个设计网?/a> *:・゚✧ヽ(◕‿◕?

UI设计QQ?/a> ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]> http://dogschool-wan.com/source-han-sans.html/feed 1 拉菲彩票登录官网博乐彩票靠谱:亲身体验南极的蓝色冰雪还有比这更魔幻的吗? http://dogschool-wan.com/xuanli-guangxiao-ps-bishua.html http://dogschool-wan.com/xuanli-guangxiao-ps-bishua.html#respond Wed, 12 May 2021 22:00:42 +0000 http://dogschool-wan.com/?p=48892 如此绚丽的光效笔刷,做BANNER一定很好看

今天达人给大家整理了一份不错的光效素材,这光效绚丽夺目,有着高级、梦幻、科技感的气质。用来设计BANNER、海报是很不错哦? 这套绚丽的光效笔刷一共有10个,分别是PS的ABR笔刷格式和PNG格式。下载下来都是高清像素,足够一般用途? 如此绚丽的光效笔刷,做BANNER一定很好看 如此绚丽的光效笔刷,做BANNER一定很好看 如此绚丽的光效笔刷,做BANNER一定很好看 如此绚丽的光效笔刷,做BANNER一定很好看 如此绚丽的光效笔刷,做BANNER一定很好看 如此绚丽的光效笔刷,做BANNER一定很好看 如此绚丽的光效笔刷,做BANNER一定很好看 如此绚丽的光效笔刷,做BANNER一定很好看 如此绚丽的光效笔刷,做BANNER一定很好看 如此绚丽的光效笔刷,做BANNER一定很好看 下载1个PNG?http://pan.baidu.com/s/1VO6LASdYbPXLGg0xzlacQA 提取? rgns

?本文的笔刷已打包 ?/em> 扫码,关注后台发送?b>0467」即? ?




(ノ◕‿◕)?:・゚?查看最受欢?301 个设计网?/a> *:・゚✧ヽ(◕‿◕?

UI设计QQ?/a> ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
]]> http://dogschool-wan.com/xuanli-guangxiao-ps-bishua.html/feed 0