时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络
小提示:您能找到这篇{3招教你搞定设计细节}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的3招教你搞定设计细节内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您! |
今天和大家分享设计技巧,做设计有很多的基础,色彩、文字、颜色、图形这些都是,有时候做一个设计不需要很复杂华丽的质感,只要把握好简单的设计原则,把每个小细节点做透,能力自然而然会提升,量变引起质变,今天我们来看看几个案例。 一、不要使用100%黑色分享给大家第一个小技巧就是做设计时候,不要使用纯黑或者纯白做设计,会显得非常的突兀。如上图这样,整体没有太大问题,但是感觉不精致,哪里总觉得奇怪,但是说不出什么原因。 仔细看其实问题出在了色彩上,首先背景卡片黑色有点太重,没有色彩倾向。其次文字信息都是白色为主,标题和正文字号对比比较接近,内容容易混淆。最后用户昵称用白色也和内容混淆了。 详情页面问题也是类似,主标题和副标题设计对比过于强烈,背景太黑,文字太多,看多了容易眼睛不舒适。那我们第一步就开始调整颜色。 首先把背景卡片的黑色改为深灰色,带一点点蓝色就没有那么生硬。其次把内容文字信息改为浅灰色,这样和标题有一个对比。最后把用户的名称由白色改成红色。这样层次就拉开了。 最后来看一个效果图的前后对比,优化之前对比缺少层次,优化之后页面更细腻了。加了一些颜色对比,降低了纯黑和纯白,效果也比之前好很多。所以在做设计过程中,不要 100%使用黑色或者白色。 二、减少页面锯齿感做设计时候一个细节很容易被设计师忽略掉,就是锯齿感。什么是锯齿感,就是你阅读一个页面时候,阅读动线之间会出现凹凸不齐的感觉,这样的感觉会影响阅读效率。 如上图就是用户阅读视线,当前页面问题就是用户阅读路径会有很强锯齿感,在设计中对齐尤其重要。那么怎么改? 首页,页面头部背景后面增加灰色背景过度,让信息层级更平一点。其次卡片锯齿感严重通过右侧再多增加一个专辑,让页面更加平衡和饱满, 解决视线锯齿感。 同理还可以把头部卡片样式增加到3个增加页面平衡感。 优化后整体在页面平衡感和锯齿上就好很多了, 整体效果上也会更佳。 除了页面排版中锯齿感,其实文字锯齿感也是需要注意的。一般通过两侧对齐效果会更好。目前主流的新闻类产品和阅读类产品都采用两侧对齐,更有利于信息的阅读。 进行有效的对齐,有助于产品设计更加结构化,这个规则希望大家都能掌握。 三、视觉对齐而不是工具对齐图标相信大家平时画的时候,都会用一个固定的比例,然后去设计。但是这样设计会有一个问题,仔细看会发现图标的视觉平衡会不太一致。 那么有什么方法能快速检查视觉平衡学习网络营销的总结体会呢? 检查视觉平衡最简单的办法,就是直接把图标进行网店怎么做推广模糊。然后你会发现有的图标大有的图标小, 这个视觉就需要手动对于图形进行调整。 调整过程中对于比较饱满的图形适当缩小点,对于图标体量比较细长的进行撑满,通过这样来保证视觉平衡。 视觉重量是人眼感知物体的重要性和大小,像素面积大小和面积不一定必须相同。如果长方形, 菱形和三角形和正方形在一起使用,我们需要对图形进行微调,让页面保持平衡。 今天这几个小知识点,都存在于我们每天的日常工作中,希望这些小的点,能够帮你慢慢提升设计细节,让自己专业变的更好,我们明天见。 #专栏作家#Sky,微信公众号:我们的设计日记(ID:helloskys),专栏作家。原支付宝体验设计专家,阿里巴巴天猫设计专家;10年知名互联网公司设计经验,对于产品从0到1、品牌定位、金融产品、设计规范、运营规范、大促等有丰富实战经验。 本文于,,。 ,基于 CC0 协议 |
上一篇:快来温习!2021年占据主导的8个UI和UX趋势
下一篇:从产品的角度看交互设计原则
一、标题规则:标题关键词分开的店铺,关键词排名和权重会排在前面。所以店主...
作为一个淘宝卖家,关注自己的店铺权重,是十分重要的,因为这对自己的销量、...
一般的消费者在淘宝买东西的时候都会先输入一个他理解这个产品的词组,顾客的...
淘宝直通车收费方式还是挺好的,所以对于一些资金比较少的淘宝店家来说,推广...
第一步:登录到淘宝卖家中心,点击左侧菜单中的『物流管理-电子面单平台-我的...
推广当然都希望立竿见影,最好来一个点你广告的,就做一笔生意,所以要选择你...
现在开淘宝网店只要交一些保证金就可以完成了,可以说是投资最低的创业成本了...
宝贝滞销,也就是说宝贝长期没有销量,上架之后90天依然没有销量,那么淘宝方...
直通车坑位指的是大家在使用直通车做店铺推广的时候,官方平台给予宝贝的展示...
线下活动对很多网站来说不容易,对于一些静态网站来说更加无从着手。比如技术...
小提示:您应该对本页介绍的“3招教你搞定设计细节”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通3招教你搞定设计细节的相关事宜。
关键词:1年, 初级, 设计细节,