1、网页层次设计具体指什么?
如同穿衣服,先里后外,但整体得协调搭配
2、如何提升网页设计的视觉层次感
1. 明确元素设计目标
网页上的各项元素通常都有其存在的目的和意义,在构建视觉层次时我们就可以从这方面着手,根据网页元素的不同角色确定优先级,然后进行视觉层次的构建。
2. 考虑用户浏览模式
当用户初次访问网站时,他们一般不会仔细浏览所有内容,而是会进行快速的扫视,确定其中是否有自己感兴趣的内容。
3. 功能性优先
我们常常会有这样一个误区,认为视觉层次是服务于网站设计美感的。其实,视觉层次设计的功能性反而要更重要一些。设计师在构建视觉层次时首先需要确保每个元素发挥了自己的作用,比如提供给用户清晰的导航菜单、可见的购买途径等,然后再考虑元素组合的界面美观与否。
4. 善用留白
留白或者说负空间,不仅仅是指界面元素之中空白的区域,它更是视觉层次构成的核心元素之一。在视觉层次设计中,留白一方面可以用来联系或区分不同内容元素,创造别具一格的布局。另一方面它还可以帮助强调某个关键元素,让它获得用户额外的关注。
5. 使用黄金分割
黄金准则主要是指1:1.618的页面比例,它被公认为是最具美感的,在自然界、日常生活、舞台布局等多个方面都有着不同的应用。
3、求一份网页设计作业,要求三个层级的网页设计。
我有以前做的dreamweaver的网页作业。 为了方便大家下载参考。
我把网页作业源文件打包上传到我的百度网盘。
网页作业下载地址公布于本人的百度空间的文章中。
找不到的可以私信我
你可以下载下来参考一下,对你有所帮助,请采纳,谢谢
4、网页设计里如何调整层的重叠顺序?
在css的下面有个防止层重叠,你只要不选中它就行了
5、网页设计中怎么样层叠加?
不知道你说的意思是否是在同一个页面上显示多个不同的网页效果!若果是:可以采用框架技术实现!<frameset rows="79,*" cols="*" frameborder="no" border="0" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frameset rows="*" cols="*,858" framespacing="1" frameborder="yes" border="1" > <frame src="left.html" name="leftFrame" id="leftFrame" title="leftFrame" / > <frame src="topic/introce.html" name="rightFrame" id="rightFrame" title="rightFrame" /> </frameset></frameset><noframes>src指定不同的网页路径,你可以在网上搜索下关于网页制作框架的介绍!
6、网页设计里的层是什么意思
层是DW里面的概念,我们本身不叫它层。
Layer1是DW给它生成的一个id,目的是给它定义一个CSS。你可以到代码里搜索#Layer1,你就能找到它的CSS定义,注意看有一行:“position: absolute;”。
层和普通div不同的地方在于它们的定位方式,div默认是相对定位,它的位置会受到周围的元素的影响而不能随意变动,而刚才你找到的代码里有一句:position: absolute; 这句代码的作用就是将该div的定位方式变为绝对定位,绝对定位的元素将不再受到周围元素的影响,它可以随意改变,通过修改left/right/top/bottom这几个CSS元素就可以定义它的位置了,你可以尝试修改一下代码,看看效果就知道了 。关于层其实还有很多小技巧,不过一下子说出来也很难理解,多多尝试吧
7、如何撰写页面信息层级架构
产品经理在撰写PRD的时候经常遇到的一个问题是页面信息的层级。通常我们知道的有页面的提示信息、内容信息、导航信息、广告信息等。对于这些信息的重要性一般是依据商业的意图进行某些考虑;然后,我们发现我们的信息和组织非常的混乱而且撰写时条理性也不是很强。
我一般把一个页面内容置入在一个三维坐标中:
进行考虑。当然,有很多页面没有这样的要求,例如:大量的列表页面。
首先,设计任何一个页面都是为了让用户完成某个任务,哪怕是阅读和浏览行为;其次是要告诉用户你在哪里,你还能够去哪里或者做什么;再次,是商业诉求。
不过国内的大量行为是首先考虑商业诉求,及为了某个特定的商业行为要对页面进行调整或者创建,然后才是用户的任务,最后是导航。在信息架构部分我将特别的提到导航的意义,另外可以参考《Designing Web Navigation Optimizing the User Experience》。
基于以上的页面考虑要素的三要素,页面的提示信息层次是:
在用户完成的任务层面我会考虑这样几个层次的内容:
来考虑。例如淘宝的注册页面:
黄色荧光效果的区域是基本信息,基本提示主要标注用户完成工作所必需的文字内容;粉红色荧光效果展示的是提示信息,提示信息包含操作内容指导提示和执行过程提示,错误提示是执行过程提示由于其特殊性单列了处理,提示信息一般是辅助基本信息来完成对基本信息要求任务的说明,提示信息不排除有某些商业和市场行为在其中,这里的“雅虎邮箱”就是一个例子。
绿色框圈起来的是错误提示信息;错误提示信息的形式可以是文字、颜色和小图标,或者三者的混合物。
另外,这有一类特殊的提示,是系统执行错误或者访问连接出现问题等的网站异常容错的提示,例如:404错误提示等。这一类页面是要最后考虑,有开发工程师和产品经理共同完成。
关于商业诉求的信息表述和导航的信息表述待续。
8、网页设计的时候层次怎么调
设置相对点
然后 提高层级
z-index
百度 软偷界论坛 office
要么付费 要么那些key 或者软件
有教程的 去吧