本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。
有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:
根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下：
│body {} /*这是一个HTML元素，具体我就不说明了*/
└#Container {} /*页面层容器*/
├#Header {} /*页面头部*/
├#PageBody {} /*页面主体*/
│ ├#Sidebar {} /*侧边栏*/
│ └#MainBody {} /*主体内容*/
└#Footer {} /*页面底部*/
至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2371.html
上一篇《从零开始做APP界面设计二：App界面设计尺寸》我们学习了app界面设计尺寸规范，今天中国网页设计给大家分享App界面设计中字体的选用、字号设置及配色方案。 App界面设计标准色: 背景用色、文字用色、图标用色 App界面设计标准字： IOS:中文使用苹方字体 英文和数字使用Helvetica Android:中文使用思源黑体 英文和数字使用Rob…
是否符合网站建设规范（10分） 包括文件名、目录、代码、选择器命名、有无适当的注释等。 主题突出（10分） 全站围绕一个主题及其周边内容进行建设，不存在和主题不相关的其他信息。 内容丰富、完整，工作量饱满（20分） 内容健康、积极向上，具有可读性、艺术性。设计思路清晰，明确表达设计意图。网站页面数量要求包含至少一个主页和四个或以上的二级页面、三级页面。每页页…
字体性格就是通过字体结构、笔画、细节的差异，塑造出形式多变的字体，从而给人不同的视觉感受。好的字体设计，总能在第一时间准确地传达字体情感，这就是字体性格的魅力。
CRAP是四项基本设计原理，包括对比（Contrast）、重复（Repetition）、对齐（Alignment）、亲密（Proximity） 对比（Contrast） 避免页面上的元素太过相似、如果元素不相同，就让它们截然不同元素包含字体、颜色、大小、线宽、形状、空间等根本目的：增强页面效果， 有助于信息的组织如何实现：通过字体选择、线宽、颜色、形状…
微信扫一扫 
支付宝扫一扫 
