博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
设计师要懂布局(五)
阅读量:5958 次
发布时间:2019-06-19

本文共 430 字,大约阅读时间需要 1 分钟。

hot3.png

06使用等级制

6631905593559593768.png

  

   调整是一个关键的方法来建立结构和层次清晰感。既然说到了结构,在页面中给用户传达不同内容的重要层级是非常重要的。例如,一个标题,应该比段落的内容更直观更醒目。

   通过看不同的元素表现方式就能知道这网页中的重要层级关系,从而也有了结构等级制。

 

07元素大小与比例

 

6631909991606104860.png

  

   合理调整一些元素大小可以实现布局的视觉平衡。通过让一些元素大于其他,来形成层次感。这有助于帮你创造一个舒适的布局,因为用户会先注意到布局中较大的元素,然后再继续阅读较小的元素。

   这一原则也适用于增加对比度,通过页面上的元素对比,让用户第一眼聚焦在重点上。而且在结构上和布局上都有了些优化。

  大小对比做得好的话,可以使元素从整体的中脱颖而出。

 

   排版是设计师必备技能之一,怎样安排模块的内容都是需要一步步思考再完成的。浏览是我们的每天所需要的,在打开网页时可以多浏览一些别人的版式做一些参考。

 

转载于:https://my.oschina.net/u/2971691/blog/795845

你可能感兴趣的文章
7. 从数据库获取数据- 从零开始学Laravel
查看>>
阿里百川码力APP监控 来了!
查看>>
使用dotenv管理环境变量
查看>>
温故js系列(11)-BOM
查看>>
Vuex学习
查看>>
bootstrap - navbar
查看>>
切图崽的自我修养-[ES6] 编程风格规范
查看>>
[React Native Android 安利系列]样式与布局的书写
查看>>
服务器迁移小记
查看>>
FastDFS存储服务器部署
查看>>
Android — 创建和修改 Fragment 的方法及相关注意事项
查看>>
流程控制: jQ Deferred 与 ES6 Promise 使用新手向入坑!
查看>>
swift基础之_swift调用OC/OC调用swift
查看>>
Devexpress 15.1.8 Breaking Changes
查看>>
推荐JS插件:imagesLoaded,监测图片加载情况并提供相应的事件(加载成功/失败)...
查看>>
Java B2B2C多用户商城 springcloud架构- common-service 项目构建过程(七)
查看>>
杨老师课堂之ArrayList集合常用方法解析
查看>>
ElasticSearch Client详解
查看>>
新零售讲堂之时代下的传统零售业,何去何从?
查看>>
c++读取和写入TXT文件的整理
查看>>