童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

视觉设计基础:四个设计原则

3月7日 不将就投稿
  关于视觉设计的四个原则,可以通过该本文来了解一下。
  在很多的时候我们做设计的时候都会忽略一些基本的设计原则,很多设计师即使做了很多年的设计也不能完全说清楚设计的原则,设计全凭感觉,至于为什么这样去设计很难有很合理的解释。
  俗话说九层之台始于垒土,可见基础是多么的重要,设计也是一样,我们都需要打好扎实的基础。而今天说要说的设计原则是根据著名图书《写给大家看的设计》一书来写的。
  01详解四大设计原则
  今天为大家详细讲解《写给大家看的设计》一书中提到四大基本原则:亲密、对齐、重复、对比
  亲密:
  指的是将彼此相关联的项,在空间的角度上更靠近些。比如微信在发现页面中相似的类目靠的更近,我们的心理默认认为靠的更加近的是同一类别的的信息;相反的,如果没有运用亲密性的原则,整个微信的信息就看起来非常的混乱。
  对齐:
  对齐的根本目的是使页面统一而且有条理。然而对齐分为物理对齐和视觉对齐,物理对齐指的是我们可以用物理直线来衡量是否对齐;而视觉对齐指视觉感官上的对齐,它基本上所用在的地方是一些物理对齐不能带给我们对齐的感觉的特殊情况之下。那么视觉对齐一般在什么情况下我们能用到呢?
  【01】图形和图形之间的视觉对齐
  一般出现的是在一个为具有收缩感而另一个不具收缩感的情况之下,比如说正方形和圆形。那么如何解决这个问题呢,我们只需要遵循以下的原则:将有收缩感的物体稍微放大一点可以和没有收缩感的物体达到平衡。
  【02】文字和文字之间的视觉对齐
  文字和文字分为三种情况。一种是中文和中文的对齐,因为中文是属于方块字,所以物理对齐基本就可以了;第二种是英文和英文的对齐,如图上所示,英文字体有些是属于收缩感字体,所以我们这时就需要进行视觉的对齐,如果英文都不是收缩感字体的话,我们只需要进行物理的对齐;第三种就是中文和英文的对齐,处理的方式和第三种情况想类似。
  【03】图形和文字之间的视觉对齐
  图形和文字之间的对齐分为两种情况。一种是权重比较小的线条图形和文字的对齐,这种情况我们只需要将具有收缩感的图形放大或者移动几个像素就可以达到视觉的平衡。另一种是权重比较大的块状图形,这种情况下我们只需要进行物理对齐就行了,因为块状的物理权重比文字大,可以弥补上视觉的不平衡感。
  重复:
  重复的目的是统一,并增强视觉效果,但要避免过多地重复一个元素,让人感觉不太舒服。比如盒马APP首页的界面,在盒我抢的版块就运用了重复的原则,整体看起来非常的统一、和谐。
  对比:
  对比效果可以通过字体选择、线宽、颜色、形状等来增加对比重要的是对比一定要强烈。比如这张banner就运用了文字对比和颜色对比的原则,banner的信息层次就区分的非常明显,很好的展现了要表现的主体内容。
  02案例操作
  说完了原则,我就带大家一起来进行案例的实际操作来展示这四大原则的用法,首先我们先分析这个界面存在的一些问题:
  头部区域给人很压抑的感觉
  常用的操作入口,应该重点突出,但是现在却很平
  信息没有做区分、版面显得很空
  菜单栏五个栏目太拥挤了,图标不统一,而且选中的黄色在白色上面特别的不明显
  改造后的界面
  亲密和对齐原则的运用
  重复和对比原则的运用
  文章到此就已经结束了,感谢大家的阅读,希望能已经讲清楚《写给大家看的设计书》中的四大原则的内容。
投诉 评论 转载

语言交互场景探索(一):关于语言交互效率的探讨在什么时候语言交互的效率更高,什么时候更低?“自然语言交互”,这个名词似乎在去年已经长期占据科技类新闻的头条,各大巨头们都想抢占这个据说是下一个互联网入口的巨大机会。……互联网电商中的账单和订单你是否也曾问过,账单和订单有什么区别?即使如此,不妨来听听本文作者的解析吧enjoy前段时间有个负责产品设计的小朋友问我账单和订单有什么区别?当然,他知道一个电商系统一定……玩转会员积分需要掌握的两个概念:积分成本与积分价值文章主要从积分成本和积分价值两个概念来展开全文。在以前的文章“如何规划会员体系积分体系”中有部分涉及到过会员积分的介绍,鉴于不断的有朋友来咨询积分相关的问题,在今天的这篇……浅谈启动页广告页引导页设计思想作者结合实际的产品经验,总结了启动页广告页引导页的一些设计思想,希望能够给你带来启发。1。启动页设计启动页设计思想用户第一次打开APP,第一眼看到的页面是启动……企业成功开发Web应用程序的9个关键因素Google最近在移动设备上进行了人性化的更新,它能够使搜索结果与移动版本的网站更加适应。目前,Web应用程序的开发势头迅猛,而为了保持良好的市场竞争力,公司必须进行调整以更好……系统讲述重新设计Adobe文件类型图标全过程本文作深入剖析了最新的Adobe文件类型图标系统重新设计的思想和过程,并分享其在一个庞大的产品系列中开发一个品牌系统所面临的挑战时总结出来的经验。作为Adobe的品牌设计……在B端产品设计评审中,如何做出更合理的决策?设计实践中,最难的也许不是设计过程本身,而是在一堆方案中决定哪个是最合适的。我希望能有一个行之有效的优先级原则,来帮助我们在设计和评审时做出更合理的决策。我所理解的B端产……旅游酒店:资源供应分析本文从C端旅游公司角度简要梳理酒店供应业务,也可为旅游公司的酒店供应链设计提供参考。一、供应链结构与现状1、旅游酒店供应结构目前旅游酒店供应现状如图,上游酒店……经验分享:APP视觉设计工作流程参与到一个项目中,我们不单单只是做一个图那么简单,而是要把自己的工作对接到整个项目流程中去。第一次写稿,大家可以多交流。做UI和交互两年多,在UI设计中,很多开始学UI尤……一篇文章挖掘下互联网新媒体产品的创新方向文章主要分析了新媒体产品目前所面临的一些困境以及未来的一些创新方向。上篇的文章分析了新媒体产品的一些主要的变现方式,这几年新媒体的产品发展确实很快,依托人工智能算法也越来……视觉设计基础:四个设计原则关于视觉设计的四个原则,可以通过该本文来了解一下。在很多的时候我们做设计的时候都会忽略一些基本的设计原则,很多设计师即使做了很多年的设计也不能完全说清楚设计的原则,设计全……初建电商需优先关注的7个流程(一)文章为作者根据自己工作经验总结出来的关于电商产品初建时需要关注的几个流程,希望能够给你带来一些启发和收获。由于篇幅有限文章仅阐述了7个流程当中的前两个流程,接下来的5个流程会在……
复盘:流程全对,为何这款产品还是失败了?给没完没了的需求排个序产品思维,不仅仅是一种谋生技能B端产品经理是一种什么样的存在?ToB产品经理:从10个客户成败案例,总结CS客户成功心得上瘾模型如何从理论到落地?从0到1做产品,为产品找一种情绪产品经理,如何应对“老板改需求”?01岁产品经理,最应该知道的这件事产品经理,学点技术可防身如何正确入行AI产品经理?B2B产品,访谈对象是“用户”,还是“买方”?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界