• 工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长…… 突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 1.旋转法 – 将页面的主体或局部进行旋转  我们一般的页面版式都是方方正正,四平八稳,有点呆板。如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些。 对于上图,这种基调轻松活泼又恰好内容比较少的页面来说,主体整个旋转后,画面马上
  • 工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长…… 突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 1.旋转法 – 将页面的主体或局部进行旋转 我们一般的页面版式都是方方正正,四平八稳,有点呆板。如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些。 对于上图,这种基调轻松活泼又恰好内容比较少的页面来说,主体整个旋转后,画面马上 >>
  • 来源:www.dabaoku.com/jiaocheng/zonghe/2011100811477.shtml
  • 版权申明:本文原创作者忧伤的微笑,感谢忧伤的微笑的原创经验分享! 从事设计工作这么多年,很少看到大神们在分享的时候会提及到WEB内容页的排版设计,很多的分享都是针对网站首页、专题页的设计手法。搞得就好像没有这个行业一样。品牌建站领域工作的重心除了首页之外其实内容页也是非常重要的。毕竟内容页展示的才是时效的内容。本文总结了作者设计生涯里对内容页版块设计的思考及实践。希望对飞特网的朋友们有所帮助吧!  FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:
  • 版权申明:本文原创作者忧伤的微笑,感谢忧伤的微笑的原创经验分享! 从事设计工作这么多年,很少看到大神们在分享的时候会提及到WEB内容页的排版设计,很多的分享都是针对网站首页、专题页的设计手法。搞得就好像没有这个行业一样。品牌建站领域工作的重心除了首页之外其实内容页也是非常重要的。毕竟内容页展示的才是时效的内容。本文总结了作者设计生涯里对内容页版块设计的思考及实践。希望对飞特网的朋友们有所帮助吧! FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址: >>
  • 来源:www.fevte.com/tutorial-31495-1.html
  • 上面图A、B、C是对页面重新排版,图D是原有的设计。 图A的构图有些头重脚轻,让人感觉中心偏下;图B的手机主体物有种对文案的挤压感,让人觉得压抑;图C的手机和文案成为90的夹角,让人觉得有种阻碍感,不顺滑;图D的设计很好的协调了主体图与文案的关系,并且给人一种从远及近的中距离纵深感。整个画面中间对齐更能最大限度的突出主体手机。 从锤子的网页设计中我们可以观察到,这种排版方式是中间对齐。苹果官方的产品海报多数都是居中对齐且产品占比画面比例较大。   再看一个中间对齐的例子:  小米2015年的新品发布
  • 上面图A、B、C是对页面重新排版,图D是原有的设计。 图A的构图有些头重脚轻,让人感觉中心偏下;图B的手机主体物有种对文案的挤压感,让人觉得压抑;图C的手机和文案成为90的夹角,让人觉得有种阻碍感,不顺滑;图D的设计很好的协调了主体图与文案的关系,并且给人一种从远及近的中距离纵深感。整个画面中间对齐更能最大限度的突出主体手机。 从锤子的网页设计中我们可以观察到,这种排版方式是中间对齐。苹果官方的产品海报多数都是居中对齐且产品占比画面比例较大。 再看一个中间对齐的例子: 小米2015年的新品发布 >>
  • 来源:www.mediaclub.cc/Home/News/infos/id/5990
  • 简介: 本文章是网页知识普及系列中的第二部分,以PPT的形式从页面排版、文字排版、图片排版、图文排版四个大方向进行了分析,特别是强调了网页常见的布局形式以及网页中字体字号规范,并简单分析了网页列表的常用样式及布 ...
  • 简介: 本文章是网页知识普及系列中的第二部分,以PPT的形式从页面排版、文字排版、图片排版、图文排版四个大方向进行了分析,特别是强调了网页常见的布局形式以及网页中字体字号规范,并简单分析了网页列表的常用样式及布 ... >>
  • 来源:www.fevte.com/tutorial-30277-3.html
  • ,div+css布局,有三级页面,页面里加了表单和音乐 制作工具:Dreamweaver、frontpage、Flash、fireworks、photoshop、记事本 页面数量:8页 网页布局:div+css 包含元素:音乐、层、css、文字、图片、html 、音乐、表单等 效果预览:    个人主页学生
  • ,div+css布局,有三级页面,页面里加了表单和音乐 制作工具:Dreamweaver、frontpage、Flash、fireworks、photoshop、记事本 页面数量:8页 网页布局:div+css 包含元素:音乐、层、css、文字、图片、html 、音乐、表单等 效果预览: 个人主页学生 >>
  • 来源:www.85work.com/tejiazhuanqu/wushi/102/
  • 常态:元素在页面上始终显示; 暂态:元素需要鼠标悬浮,点击,或者聚焦等事件,才能触发其显示;当事件发生改变时,比如鼠标移出或者焦点消失,则元素可以再次隐藏; 生活中的人们不断地遇到这样那样的问题,然后就会萌生各种
  • 常态:元素在页面上始终显示; 暂态:元素需要鼠标悬浮,点击,或者聚焦等事件,才能触发其显示;当事件发生改变时,比如鼠标移出或者焦点消失,则元素可以再次隐藏; 生活中的人们不断地遇到这样那样的问题,然后就会萌生各种 >>
  • 来源:www.shangxueba.com/jingyan/2230725.html
  • 学UI网www.xueui.cn最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧! 【特色推荐】 APP截图站app.xueui.cn 海量APP截图,让你灵感爆发!国内最好的APP截图站。 UI作业网 zuoye.
  • 学UI网www.xueui.cn最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧! 【特色推荐】 APP截图站app.xueui.cn 海量APP截图,让你灵感爆发!国内最好的APP截图站。 UI作业网 zuoye. >>
  • 来源:www.xueui.cn/tutorials/webpage-design02.html
  •   网页设计中,文字间距一般根据字体大小选11.5倍作为行间距,1.52倍作为段间距。      比如12号字体,行间距是12px18px,段落间距则是18px24px。      另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。      比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照11.
  •   网页设计中,文字间距一般根据字体大小选11.5倍作为行间距,1.52倍作为段间距。      比如12号字体,行间距是12px18px,段落间距则是18px24px。      另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。      比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照11. >>
  • 来源:news.680.com/fenxiang/2018-5/59460.html
  • 你可以找到一个稍微不同的例子在主页,为iPad数字绘画工具。通过浏览网页,你会发现整个布局是黑暗和功能大大超大的页面元素。  设计演示如何把焦点集中到奇异的元素在一个非常大的页面。截图,演示绘画,和特征都拿出自己的部分。 空格分隔的文本和视觉内容。本设计是在其使用的文字颜色区分标题特别注意(高对比度)和一般网页文字(低对比度)。  通过将一页分成几部分,你创造了一个天然的内容层次。然后将这些部分具有独特风格(全屏背景,超大字体,APP截图)的分歧更加明显。 记住,不是所有的网站可以从内容大部门效益,这似乎
  • 你可以找到一个稍微不同的例子在主页,为iPad数字绘画工具。通过浏览网页,你会发现整个布局是黑暗和功能大大超大的页面元素。 设计演示如何把焦点集中到奇异的元素在一个非常大的页面。截图,演示绘画,和特征都拿出自己的部分。 空格分隔的文本和视觉内容。本设计是在其使用的文字颜色区分标题特别注意(高对比度)和一般网页文字(低对比度)。 通过将一页分成几部分,你创造了一个天然的内容层次。然后将这些部分具有独特风格(全屏背景,超大字体,APP截图)的分歧更加明显。 记住,不是所有的网站可以从内容大部门效益,这似乎 >>
  • 来源:www.mamicode.com/info-detail-1285050.html
  • 上面图A、B、C是对页面重新排版,图D是原有的设计。 图A的构图有些头重脚轻,让人感觉中心偏下;图B的手机主体物有种对文案的挤压感,让人觉得压抑;图C的手机和文案成为90的夹角,让人觉得有种阻碍感,不顺滑;图D的设计很好的协调了主体图与文案的关系,并且给人一种从远及近的中距离纵深感。整个画面中间对齐更能最大限度的突出主体手机。 从锤子的网页设计中我们可以观察到,这种排版方式是中间对齐。苹果官方的产品海报多数都是居中对齐且产品占比画面比例较大。   再看一个中间对齐的例子:  小米2015年的新品发布
  • 上面图A、B、C是对页面重新排版,图D是原有的设计。 图A的构图有些头重脚轻,让人感觉中心偏下;图B的手机主体物有种对文案的挤压感,让人觉得压抑;图C的手机和文案成为90的夹角,让人觉得有种阻碍感,不顺滑;图D的设计很好的协调了主体图与文案的关系,并且给人一种从远及近的中距离纵深感。整个画面中间对齐更能最大限度的突出主体手机。 从锤子的网页设计中我们可以观察到,这种排版方式是中间对齐。苹果官方的产品海报多数都是居中对齐且产品占比画面比例较大。 再看一个中间对齐的例子: 小米2015年的新品发布 >>
  • 来源:www.mediaclub.cc/Home/News/infos/id/5990
  • 页面排版常见问题: 1.字间距太挤或太宽 2.行距太小或太大 3.段距太少或太多 4.每行字数太多或太少 行距的问题:     第一个太挤了,都粘在一起了,在看这个文本的时候会需要花点时间去分辨,这样的排版会让读者看得很累,很不舒服。   第二个比较适中,分得很清楚,看起来有很强的识别性。   第三个是比较宽松了一点,看起来也很清楚,但是当你的文章不是一两行而是十几行与几十行的时候你就会觉得文章的连贯性产生了很严重的脱节,一般排版不会越过两个字体高度(2em)。   字数的问题:   第四
  • 页面排版常见问题: 1.字间距太挤或太宽 2.行距太小或太大 3.段距太少或太多 4.每行字数太多或太少 行距的问题:     第一个太挤了,都粘在一起了,在看这个文本的时候会需要花点时间去分辨,这样的排版会让读者看得很累,很不舒服。   第二个比较适中,分得很清楚,看起来有很强的识别性。   第三个是比较宽松了一点,看起来也很清楚,但是当你的文章不是一两行而是十几行与几十行的时候你就会觉得文章的连贯性产生了很严重的脱节,一般排版不会越过两个字体高度(2em)。   字数的问题:   第四 >>
  • 来源:blog.ifeng.com/article/34176387.html
  • 工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长…… 突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 1.旋转法 – 将页面的主体或局部进行旋转  我们一般的页面版式都是方方正正,四平八稳,有点呆板。如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些。 对于上图,这种基调轻松活泼又恰好内容比较少的页面来说,主体整个旋转后,画面马上
  • 工作中,网页设计师经常会遇见这些状况:时间这么短又要出彩、又是要大气要有气氛、风格不明确很难把握、栏目这么多页面又这么长…… 突然觉得束手无策,脑袋里一片空白,没想法了,怎么办? 下面简浅的归纳了几个快速让页面出彩的小技巧: 1.旋转法 – 将页面的主体或局部进行旋转 我们一般的页面版式都是方方正正,四平八稳,有点呆板。如果将局部或整体适当的旋转,打破稳定的构图,画面就会动感有趣一些。 对于上图,这种基调轻松活泼又恰好内容比较少的页面来说,主体整个旋转后,画面马上 >>
  • 来源:www.dabaoku.com/jiaocheng/zonghe/2011100811477.shtml
  • 版权申明:本文原创作者Mobone,感谢Mobone的原创经验分享! 本文章是网页知识普及系列中的第二部分,以PPT的形式从页面排版、文字排版、图片排版、图文排版四个大方向进行了分析,特别是强调了网页常见的布局形式以及网页中字体字号规范,并简单分析了网页列表的常用样式及布局,相信看完后会对初学者有所帮助。  FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:
  • 版权申明:本文原创作者Mobone,感谢Mobone的原创经验分享! 本文章是网页知识普及系列中的第二部分,以PPT的形式从页面排版、文字排版、图片排版、图文排版四个大方向进行了分析,特别是强调了网页常见的布局形式以及网页中字体字号规范,并简单分析了网页列表的常用样式及布局,相信看完后会对初学者有所帮助。 FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址: >>
  • 来源:www.fevte.com/portal.php?mod=view&aid=30277
  •   据了解,百科网上线后,其中的板块和问题还将根据用户反馈和新的需求不断更新和完善。为了尽可能提供更完善的问答服务,网站特别设计了互动问答的功能。   每个问答页面的下方均设有留言板,如用户对该问题有任何疑问或是更好的答案,可以在留言板留言,我们的后台专业人员,将在第一时间回复。   用户点击页面右上角的“我要提问”,即可提交新的问题。我们也将在第一时间为提问者回复专业答案。   如在浏览过程中出现任何问题,用户均可点击“电话咨询”或“在线咨询&
  •   据了解,百科网上线后,其中的板块和问题还将根据用户反馈和新的需求不断更新和完善。为了尽可能提供更完善的问答服务,网站特别设计了互动问答的功能。   每个问答页面的下方均设有留言板,如用户对该问题有任何疑问或是更好的答案,可以在留言板留言,我们的后台专业人员,将在第一时间回复。   用户点击页面右上角的“我要提问”,即可提交新的问题。我们也将在第一时间为提问者回复专业答案。   如在浏览过程中出现任何问题,用户均可点击“电话咨询”或“在线咨询& >>
  • 来源:www.pcbaby.com.cn/home/403/4032934.html
  • 昨天有一位学员来宁波邦元教育咨询网页设计课程,她问咨询师,我没学过平面设计可以直接做网页设计吗?有很多人也许会告诉你平面设计是一切设计的奠基石,但并不是说你没学过平面设计就不能学网页设计,它没有什么先后,而是一个设计行业的归属罢了,什么东西都离不开基础,建房子需要地基,解方程式需要先学会乘法表,唱歌需要先会哆、来、咪。页面设计也同样需要基础,没学平面设计,但要知道这个基础就是平面构成。 网页设计风格种多样,除去一些场景化设计和给力的素材支持,剩下的就全靠平面构成和排版了。 500)this.
  • 昨天有一位学员来宁波邦元教育咨询网页设计课程,她问咨询师,我没学过平面设计可以直接做网页设计吗?有很多人也许会告诉你平面设计是一切设计的奠基石,但并不是说你没学过平面设计就不能学网页设计,它没有什么先后,而是一个设计行业的归属罢了,什么东西都离不开基础,建房子需要地基,解方程式需要先学会乘法表,唱歌需要先会哆、来、咪。页面设计也同样需要基础,没学平面设计,但要知道这个基础就是平面构成。 网页设计风格种多样,除去一些场景化设计和给力的素材支持,剩下的就全靠平面构成和排版了。 500)this. >>
  • 来源:www.0574byedu.com/edu/ArticleShow.asp?ArticleID=4689
  • 常态:元素在页面上始终显示; 暂态:元素需要鼠标悬浮,点击,或者聚焦等事件,才能触发其显示;当事件发生改变时,比如鼠标移出或者焦点消失,则元素可以再次隐藏; 生活中的人们不断地遇到这样那样的问题,然后就会萌生各种
  • 常态:元素在页面上始终显示; 暂态:元素需要鼠标悬浮,点击,或者聚焦等事件,才能触发其显示;当事件发生改变时,比如鼠标移出或者焦点消失,则元素可以再次隐藏; 生活中的人们不断地遇到这样那样的问题,然后就会萌生各种 >>
  • 来源:www.shangxueba.com/jingyan/2230725.html
  • 分页在网站设计中是一个比较常见的问题.作用:跳转到上一个页面或下一个页面。 元素:分页的基本元素有:上页+页码+下页(如标注1);总页码(如标注2);跳转页(如标注3);确认"按钮(如标注4); 场景:根据以上这些基本元素在不
  • 分页在网站设计中是一个比较常见的问题.作用:跳转到上一个页面或下一个页面。 元素:分页的基本元素有:上页+页码+下页(如标注1);总页码(如标注2);跳转页(如标注3);确认"按钮(如标注4); 场景:根据以上这些基本元素在不 >>
  • 来源:www.shangxueba.com/jingyan/1894753.html