网页导航设计app图标（网页设计导航页面）
本文目录一览：
标签栏ICON的设计与应用
系统就只能使用默认的浏览器图标来标注网站/网页，如InternetExplorer的蓝色e，起不到我们意欲通过favicon.ico打造网站品牌的作用。图片制作好后，使用如Image2Ico之类的小程序即可将2张图片转换到一个Icon文件中。
APP软件图标的视觉设计视觉设计要符合平台开发的设计规范性DD不同的应用平台往往会产生截然不同设计结果。了解学习平台开发规范，磨刀不误砍柴工。例如苹果移动平台和Windows_Phone_7移动平台的视觉规范就有很大不同。
Material Design Icon：Material Design是由Google推出的设计语言，其Icon库提供了一系列符合Material Design风格的图标，可用于Web和移动应用。
突变风格 多为单色突变，颜色过渡清新自然，是现在的干流规划风格之一。除用于图标外，突变风格可运用的场景十分多，如APP中的背景图、按钮等。
打开DW并新建一个html页面。在head标签中输入【】，在井号位置按一下空格，选择【浏览】按钮。在本地找到你刚才设计保存的图标，并点击【打开】。
然后用FTP软件上传到网站的根目录替换原来的就可以了。Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标），Favicon是与某个网站或网页相关联的图标。
移动端设计模式——常见的几种导航形式
1、下面介绍移动端几种常见导航形式。标签式导航（也叫Tab导航）大多数app会选择标签式导航，标签式导航结构如下图所示。底部标签导航是iOS页面布局中比较推崇的一种导航方式。
2、APP 标签式导航——最常见、最保险 标签导航位于页面底部，通常包含5个标签是比较合适的数量。这种导航是非常常见的，如果你的应用需要用户频繁的在不同分页切换，可以采用这种导航。它的缺点是会占用一定高度的空间。
3、列表式导航也是一种十分常见的导航模式，纯粹的列表导航很少见，一般都是搭配着别的导航模式一起使用，大多作为二级导航。
4、标签导航 （标签导航位于页面底部 ，标签的分类最好在5个以内，比如微博、微信、淘宝）优点：清楚当前所在的入口位置；直接展现最重要入口的内容信息。缺点：功能入口过多时，该模式显得笨重不实用。
5、底部标签式导航是最常用的导航形式，一般存在于页面底端，不超过5个模块。如果应用需要用户 频繁的在不同分页切换 ，可以采用这种导航，如上图微信最新版的APP界面设计图。这种导航栏符合拇指操作热区。
6、目前，移动端界面的一级导航设计主要有几种：底部布局的标签导航；顶部布局的标签导航；舵式导航；4抽屉式导航；宫格式导航；等等。
网页顶部导航栏设计总结
1、侧边栏导航的设计需要注意的是导航栏目的宽度问题，若导航栏中字体过长，在展示上会存在一定的问题，哪怕做成滑动展示的形式也不能很好的得以解决问题。
2、在侧边栏导航的设计中，要注意导航栏的宽度。如果导航栏中的字体太长，在显示上会有一些问题，即使做成滑动显示也不能很好的解决问题。复制的网站不适合这种导航，侧边栏应该有更多的二级导航栏目，所以这种导航大多适合一些设计师或者个人官网。
3、通常来说，店铺首页应设置有广告大图栏，方便进店的买家一眼就看清店里的卖点，广告图设计简洁大方，避免牛皮癣广告，能与店铺首页合理融合，突出体现本店的主打产品、特色服务等。
4、回到顶部 当网站内容过多的时候，用户可能需要不断地往上滚动鼠标才能回到导航上面，这样对于用户来说会比较麻烦。
5、加入显眼的搜索框 用户经常使用搜索筛选信息，更快更直接获取重要的信息，所以搜索款框应该突出展示，应该出现在每一个页面上，应该和主导航栏一起存在，要易于访问。强大的搜索框是让用户留存的重要影响因素之一。
6、双排导航未必要挨在一起，可以自由一些，如：上排有导航栏，图片分隔开后则另起一排。图片式导航，很漂亮，占用页面空间比较大。如每一个图像就是一个点击热点。
