CS UI —— 导航与标题栏

搜集一些软件的设计,参考使用

苹果官网的Morpholio截图

链接:https://www.apple.com.cn/macos/catalina/
竖向左侧导航栏。标题栏右侧集成了分享、全屏、绘制等功能。

照片App

macOS 15
左侧竖向导航栏,导航栏采用图标+文字的形式,导航栏选中项透明度变高。
标题栏集成了搜索框、分享、翻转照片、年月日分类照片等全局化、常用的功能。

备忘录

macos15
没有导航栏,标题栏集成功能,只显示图标

提醒

竖向分栏设计,没有标题栏

电脑管家

竖向分两栏,第一栏集成导航、登录、软件名称,导航采用logo+文字,选中高亮
标题栏在第二栏,标题栏集成搜索、换肤、设置功能。
标题栏下面是次级导航栏,只用文字,下划线高亮代表选中

360软件管家

横向分栏,第一栏导航+标题+搜索+logo+设置工具(下箭头)
第二栏导航+次导航+软件。

猜你喜欢

转载自www.cnblogs.com/feipeng8848/p/12692928.html