相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

UI设计教程——下拉菜单&导航菜单

心蓝发布于:2019-8-1 09:21 |原作者: 罗耀_UI|
心蓝
上海市 徐汇区 设计爱好者
发私信 + 关注
简介: 一个看似简单的下拉菜单/导航菜单,背后会有多少隐藏的逻辑呢


UI设计教程——下拉菜单&导航菜单 飞特网 设计理论

1.6 确定距离

当我们完成所有上述操作,就可以确定文本域与矩形框之间的距离了,这里的确定距离,是确认前端开发时所用到的距离。与平时设计时的距离不太相同。

UI设计教程——下拉菜单&导航菜单 飞特网 设计理论绘制完文本域与矩形框之间的距离后,就要算清鼠标状态(Hover)与矩形框之间的距离,并全部以网格基数为基准(4px)进行设计。

UI设计教程——下拉菜单&导航菜单 飞特网 设计理论让我们来看一下最终绘制的效果吧。

UI设计教程——下拉菜单&导航菜单 飞特网 设计理论


14

好评
10

差评

刚表态过的朋友 (24 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 心蓝

心蓝
上海市 徐汇区 设计爱好者
+关注 发私信
  • 远离侵权深“坑”,规范字体应用
  • 原子设计理论——实践
  • 原子设计理论——概念
  • 你的后期是亡羊补牢,还是锦上添花?
  • 系统图标(二) - 图标分解Material规范
  • 系统图标 - 基础认知 Material 规范

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
    2020 新飞特 从心开始
    • 我们一直在进步...
    • 2022年3月27日,飞特派单系统第三次升级调整结束,订单匹配更快、更精准.
    • 2022年3月飞特派单系统日均派单量超过20单.
    • 2022年1月1日飞特系统派单数量达到2013单.
    • 2021年11月1日飞特需求方订单数量增长超过200%.
    • ...