web导航设计

❶ 求web导航设计

用软件来做吧。如谷秋精品课程软件

请参考

❷ WEB网站横向导航制作

这个需要css文件和图片，css需要和你的css配合，
其实你完全可以找个喜欢的网站，然后复制它的代码就可以了

❸ 用Web开发页面 设计一个导航框架, 分页显示，左边显示测试信息 右边显示想对应的信息 右边内容包括：

这问题一下不太好回答吧。要做静态？动态？要是动态总得有数据库吧？你打算有什么语言？什么数据库？如果是做几个静态页面的话，还比较好。那你就用frameset分成三分，上边，左边和右边。自己做几个链接就行了。你一个问题问了个小系统。怎么回复？？？

❹ wap产品设计跟web产品设计有什么区别

首先，纠正一个常识性错误。我们常把移动网页设计叫做：Wap。其实，Wap全称叫做无线应用协议，是一个使移动用户使用无线设备随时使用互联网的信息和服务的开放的规范。还有人把移动网页叫做WebApp，其实我们大部分的网站都能叫做WebApp，并不仅仅局限于移动网页，还包括PC网站。正确的名字应该是“移动网页”，这样比较能够准确地概括手机端的网页设计。

因为手机自身的一些特性，所以移动网页对比 Native App 和 PC 端网页，有一些固有的特点。概括起来主要有以下几点：
1、使用场景不同；
移动网页的访问大部分是通过搜索引擎和直接输入网址进入的，更多是为了浏览信息，以及满足及时性（比如汇率换算、异地天气、新闻阅读）的需求，所以留存较低。
2、可展示空间小；
除了移动设备本身屏幕较小以外，还因为浏览器大部分具有地址栏和导航栏，进一步占据了屏幕空间。
3、操作不便；
这个特性其实是由于可展示空间小引起的，因为展示空间较小。大部分浏览器将一些“新建标签页”、“前进”、“后退”的操作给隐藏了起来。用户需要更多步骤才能达成一些操作。H5火爆起来以后，这样的现象在微信中更为明显。
4、交互方式不同；
因为手机的性能问题，一些App上的特效并不能在移动网页上复现，即使能复现，特效也不会平滑，用户体验比较差。所以，这就决定了移动网页设计需要不同的交互方式，也有不同的关注点。
根据以上四个特点，我总结出了做移动网页需要注意的四个原则：
1、理清产品主流程；
因为使用场景的不同，用户在移动网页上做的事更为特定。这就需要在做产品设计的时候，理清产品的主流程，删减不必要的功能；让用户顺畅的完成目标。另外，我们要看到因为移动网页本身特点造成留存低，所以需要在明显位置设置
Native App 下载入口，将用户导入 App 中。
2、页面设计以简约为主；
因为用户目标比较明显，以及受屏幕大小限制。所以页面设计以简约为主，配合色彩，突出重点信息。
3、更加注重全局导航；
WebApp 应用场景非常多样，最典型的就是在微信内置浏览器。在这样的情况下，导航的设计就特别重要。每个页面都要能到达 WebApp 上任意一个页面，步骤可以多点，但是一定要有路径。
4、减少特效，考虑页面加载速度;
采用“点击”这种最普通的交互方式，尽量减少不必要的效果及元素，突出主要信息的同时还可以加快页面加载速度。

❺ UI设计网页时，导航栏尺寸规格一般是多少

当前最流行的分辨率是1920*1080，在该分辨率下，页面中心区域为1200px以内都可以。在800*600分辨率下，导航栏尺寸规格保持在778px以内；在1024*768分辨率下，网页宽度保持在1002px以内。

如果没有指定的要求，以1920尺寸设计就好（这是目前最普遍的尺寸大小），前端开发人员会自行适配其他的分辨率。

(5)web导航设计扩展阅读：

UI设计网页方法

一、呈现更新颖的内容

设计师在进行网页ui设计的过程中需要注意的是，想要让自己的网页看起来更加与众不同，但也不必过于夸大，可以用一些新鲜的理念和不同的布局来吸引用户访问。比如以一种动态的方式，将信息呈现给用户，以此来赢得用户更多的关注。

二、增强元素的设计感

相对于普通的网页ui设计而言，具有较强的设计感的网页往往会更容易吸引用户的注意。任何一个具有创意的网站开发设计方案，都会把目光更聚焦在网页的基本布局和色彩搭配上，而这也意味着网页上一般存在很多种不同的元素。

三、激励用户更多操作

网站开发的设计制作的类型有很多种，面对不同的类型，要有特定的网页ui设计方案。给用户提供一个寻找目标的简易方法，这样用户就容易沉浸到页面中来，同时也增加了用户操作的几率。

❻ 网店视觉的导航设计是怎样的

导航是用来浏览网页的工具。它可以是按钮或者是文字。在每个页面上显示一组导航，顾客就可以很快又很容易地找到他想浏览的网页。导航是网页设计中的重要部分，也是整个Web站点设计中的一个独立部分。

现在有些卖家都有一个误区，以为导航就是分类。其实不然，导航是一个功能型按钮，在店铺页面中的作用是引导买家快速查看需要的产品。而分类是属于包含与被包含的关系，但是我们可以理解为分类是导航的一种。设计出自己的导航后，我们会根据目标用户群的搜索点击对导航进行优化，这绝不仅仅是只把分类重新整理一下就可以了，而应从产品导航入口入手，进行优化。

通常按位置可以将导航划分为以下三个区域：

（1）顶部导航：产品分类、搜索栏、自定义页面（如品牌故事、会员专区、购物须知等）。

（2）左侧栏导航：产品分类、在线客服、收藏店铺按钮、热销产品列表、商品推荐、其他超链接（如手机店铺、加入帮派等）。

（3）自由导航：随意地自由地编排导航，让导航更具个性，给人耳目一新的感觉。一般很多设计师会把自由导航设计成产品类目图片（文字）＋可以指向某一分类或自定义页面，进行详情页跳转等。

尽管导航的位置和形式都不同，但目的都是给顾客提供更直接的购买路径。导航承载的信息内容有：基本营销信息（如新品、热卖、折扣等）；搭配套餐；主题营销；官方活动（如淘金币、聚划算、淘画报等）；产品分类（如功能、材质、季节、价格、人群归属等）；交互模块（如帮派、微博、手机店铺、店铺收藏等）；辅助信息（如品牌故事、帮助中心、信用评价、会员中心、客户承诺等）；客服支持（如客服旺旺、服务说明等）；搜索控件（如搜索框、关键词推荐等）。

导航在店铺中承载着举足轻重的作用，顾客进入店铺能停留多久基本全靠它。当顾客进入店铺时如果找不到方向的话，是不会继续浏览网店的。其实网店导航并不复杂，就是通过让产品的层次结构可视化，告诉我们店铺里有什么。在设计导航时应该遵循“快为先”的原则，不要为了页面的美观，特意将导航复杂化，设计为“精美图片＋文本＋超链接”形式。从用户体验的角度来讲，大多数买家已经习惯了简单明了的导航，如果导航设计让买家花时间去思考下一步该点什么，那么这个导航就是失败的。所以导航的设计不要过于浮夸，应从用户体验出发，以最快速的方式让顾客找到自己想要的东西。

❼ web版本的网页设计有哪些应该怎么做

1.确定网页的主体色调风格。

我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2.规划网站的整体布局——导航、按钮、图片、文字的排版方式。

做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3.准备和归类素材——图片、音频、视屏、文章等。

制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

.4建立自己的主页，按照之前的定的风格设计布局。

不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。
这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

6.打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。

7.替换网页中的元素即可。

选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

8.按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。

❽ 总结归纳web设计思路,如何统一站点的风格

网站建设网站设计的6个统一
第一个，色彩的统一
在进行网站设计时，要保持网站主体色彩的统一性，在确定了主体色之后，可以着重对局部的色彩进行改变。色彩的统一性可以帮助网站树立企业的形象，在用户脑中形成记忆。这样有利于企业网站的宣传。
第二个，结构的统一
网站结构的统一包括：网站布局、文字排版、导航、图片位置等，这些内容的统一是实现网站风格的统一的有效方法。注：网站的标志性元素一定要统一，如网站名称、网站标志、相关联系方式等。
第三个，导航的统一
网站导航是网站页面内容的重要组成部分之一，一个特点明显、使用方便且具有企业特征的导航，必定会给用户留下极其深刻的印象。在进行网站导航设计时首页导航与栏目页、内容导航一定要一致。
第四个，背景的统一
学景的统一一直是网站设计中强调的问题，目前企业网站的背景设计有两种情况，一种是图片背景，一种是颜色背景。虽然很多企业网站会选择用图片做为背景，但是背景设计中图片并不是最好的选择。
具体原因如下：
1、高清大图背景会影响网站页面的加载速度，2、为网站添加了背景图片之后，会出现文字与图片重叠的现象，这样会影响页面内容的显示效果，影响用户阅读。
第五个，特色元素的统一
很多企业网站设计时会因为想要突出独特效果而设计一些特色元素，这些元素会在网站的各个页面中出现，所以必须保持他们的统一性。因为重复出现的的东西可以在无形中给访客留下很深的印象。
第六个，图片的统一
网站设计中图片的使用率非常高，对于图片我们一定要保持图片与内容的统一，形成完整的页面。注：不要添加与网站内容无关的图片或动画元素。