移动应用UI设计——导航设计
导航的设计是 App 设计发展过程中很值得玩味的地方，由于移动设备特别是智能手机的屏幕尺寸有限，设计者们通常会将屏幕空间尽量留给主体内容，为了在手机屏幕给定的范围内展示出更多内容，优秀的导航栏设计将起到关键性作用，对于不同的操作也当因地制宜地选则不同的设计方案。
APP 标签式导航——最常见、最保险 标签导航位于页面底部，通常包含5个标签是比较合适的数量。这种导航是非常常见的，如果你的应用需要用户频繁的在不同分页切换，可以采用这种导航。它的缺点是会占用一定高度的空间。 APP 抽屉式导航——适合信息层级多的界面设计 抽屉式导航常常与标签导航结合使用。
标签式导航（也叫Tab导航）大多数app会选择标签式导航，标签式导航结构如下图所示。底部标签导航是iOS页面布局中比较推崇的一种导航方式。而顶部标签式导航是安卓常用的导航模式，它可以避免导航与底部虚拟按钮之间发生冲突，引起误操作。
UI设计，即用户界面设计，专注于为数字产品如软件、网站、移动应用等创建和优化交互界面。这一过程涵盖了视觉布局、导航结构、信息架构和用户体验等多个方面。 视觉布局：UI 设计关注于如何在屏幕上合理地安排按钮、图标、文本框等元素，以确保界面既直观又易于使用。
UI设计，即用户界面设计（User Interface Design），是指创建和优化人与数字产品之间的交互界面的过程。它涉及到软件、网站、移动应用等数字产品的视觉布局、导航结构、信息架构以及用户体验等方面的设计工作。
UI设计，即用户界面设计（User Interface Design），是指创建和优化人与计算机系统交互过程中的界面元素的过程。它涉及到软件、网站、移动应用等数字产品的视觉布局、交互设计和用户体验设计。
APP导航和页面设计样式
以网易云音乐为例，其采用了非常标准的抽屉式导航，目前更多APP会采用抽屉导航的变式，即点击导航入口以后，以向右滑动的方式，整个抽屉页将滑动出现并且占据整个屏幕，例如小红书app的抽屉导航。 一般位于产品顶部，通过点击呼出导航菜单。
桌面式导航如Strides，通过均衡布局展现功能，便于用户操作。 二级导航用于深入页面，如列表式、选项卡式、图库式和页面旋转式。列表式导航如微信，清晰直观；选项卡式底部常见于Facebook，方便用户切换。图库式如TED，适合浏览更新内容。 此外，还有仪表盘式导航，如友盟统计，用于关键指标展示。
目前，移动端界面的一级导航设计主要有几种：底部布局的标签导航；顶部布局的标签导航；舵式导航；4抽屉式导航；宫格式导航；等等。二级导航设计常见的有：分段式导航；底部+顶部布局的标签导航；列表导航；图标式导航；下拉菜单式导航等。
APP 标签式导航——最常见、最保险 标签导航位于页面底部，通常包含5个标签是比较合适的数量。这种导航是非常常见的，如果你的应用需要用户频繁的在不同分页切换，可以采用这种导航。它的缺点是会占用一定高度的空间。 APP 抽屉式导航——适合信息层级多的界面设计 抽屉式导航常常与标签导航结合使用。
Tripper是一款日本的本地导游应用，他用扁平的设计图标把应用的功能用2X3的网格布局罗列在整个界面中，使得用户能够相当轻松顺手地浏览这款APP（图1-8）.跳板式菜单也可以说是网格式菜单，它类似于metro UI的堆砌色块，优点简约而不简陋，导航清晰、明显，并能提高操作效率。
标签导航 （标签导航位于页面底部 ，标签的分类最好在5个以内，比如微博、微信、淘宝）优点：清楚当前所在的入口位置；直接展现最重要入口的内容信息。缺点：功能入口过多时，该模式显得笨重不实用。
黑白灰大气范网页设计欣赏
1、特点：以一种米色粉作为底色，和传统的黑白灰网站不同，传达出一种温馨感。主页缩略图的排列和设计极富新鲜感以及整体感。vincefrost：特点：黑白的满屏大图，大型的文字，沉浸式的导航和内容。在鼠标经过时有些许色差呈现，整个网站架构清晰、操作流畅。这些网页设计都巧妙地运用了黑白灰配色，营造出大气、简约而又不失高雅的氛围。
2、以大图全屏展示作品细节的网站来说，黑白灰似乎是唯一的选择，但同时，设计师也安排了红色。在大图展示的交互上非常巧妙。黑色传递出一种酷，深色氛围，更加凸显细节中的闪光点。Echo 页面采用黑白线条，显得大气，但容易给人眼花缭乱的效果。
3、实例1：Kenta Toshikura 亮点：3D技术，视觉滚动差设计 个人作品集网页设计，运用黑白配色，干净整洁。视觉滚动差设计让网页流畅实用，3D技术展示作品效果显著。学习点：黑白配色应融入网页设计各个方面，提升协调统一性。
4、单个像素图 首先打开AI软件，新建一个文档，文档大小任意。在视图栏目下勾选“像素预览”，勾选这一选项后，当你将自己的图片缩放到足够大时，会出现像素格子，然后再勾选“对齐像素”，这样图案就会自动对齐像素，无需你再自己手动控制对齐了。
