自己画的十三种UI布局方式

这学期学习UI设计的时候,每节课都要画几个图,不过都是手机里现有的软件里照猫画虎的,原创性比较少。
好的布局方式,往往能带来舒服的视觉效果,更能得到用户的接受与好评。
布局方式万变不离其宗,常用的布局方式也就几种,分为全局导航,瞬时导航以及次级导航。

全局导航

“全局导航”顾名思义即可以纵览全局的导航模式,进入应用之后不需要进行任何操作,就能够看到该导航模式的所有引导入口。包含跳板式、卡片式、列表菜单式、仪表式、陈列馆式、选项卡菜单式、隐喻式。

瞬时导航

“瞬时”一词意为短时间停留,它精确地表达了下面这种导航菜单的作用。这种导航菜单只有在我们需要的时候才显示出来,在我们做出选择后,它会再次消失。
包含侧边抽屉式、下拉菜单式、转盘菜单式。

次级导航

是指那些位于某个页面或是模块内的导航。
包含翻页式、滚动选项卡式、折叠菜单式。

下面就来分享出我在课堂上画出的拙作。

跳板式、卡片式、列表式导航
仪表式、陈列馆式、选项卡菜单式导航
隐喻式导航
下拉菜单式、侧边抽屉式、转盘菜单式导航
翻页式、滚动选项卡式、折叠菜单式导航

画功不是很好,还望大家多多见谅~

自己画的十三种UI布局方式
https://isenchun.cn/48.html
本文作者 senchun
发布时间 2019-09-28
许可协议 CC BY-NC-SA 4.0
已有 19 条评论
  1. 评论头像

    灵魂画手 →_→

    moozik 2019-12-23 12:03:05 回复
    1. 评论头像

      那是~

      senchun 博主 2019-12-23 21:17:26 回复
  2. 评论头像

    期待有一天,你的设计被人模仿学习

    pnnk 2019-10-17 18:44:28 回复
  3. 评论头像

    设计这东西,很容易被经验限制住。

    摄影博客 2019-10-12 18:30:03 回复
    1. 评论头像

      对呀

      senchun 博主 2019-10-12 22:38:30 回复
  4. 评论头像

    这个图库加载好像有点慢哦。

    王耍耍 2019-10-11 18:38:59 回复
    1. 评论头像

      服务器不怎么好,也没优化

      senchun 博主 2019-10-12 22:38:13 回复
  5. 评论头像

    看着看着,不由自主地笑,博主画功了得。ui里面的名堂,还真不少,系统地接触,发现别有洞天。

    wys 2019-10-11 14:26:06 回复
    1. 评论头像

      这算不上什么,我只是照猫画虎

      senchun 博主 2019-10-12 22:30:09 回复
  6. 评论头像

    世界属于富有艺术智慧的人。

    Henry 2019-10-09 20:59:48 回复
    1. 评论头像

      嗯哈

      senchun 博主 2019-10-11 01:38:07 回复
  7. 评论头像

    强啊!!!

    演员 2019-10-07 09:36:36 回复
    1. 评论头像

      一般吧

      senchun 博主 2019-10-07 16:24:39 回复
  8. 评论头像

    国庆快乐丫

    徐征航 2019-09-30 21:11:33 回复
    1. 评论头像

      同乐

      senchun 博主 2019-10-01 00:45:08 回复
  9. 评论头像

    画的很生动,形象

    爱笑啦 2019-09-29 13:35:54 回复
    1. 评论头像

      画功还是不行呀

      senchun 博主 2019-09-29 22:52:12 回复
  10. 评论头像

    打算开始使用代码进行实现了

    Escher 2019-09-28 20:00:41 回复
  11. 评论头像

    画工确实不太好

    Ja50n 2019-09-28 09:49:16 回复
发表新评论