分享此网站可得100G教程,联系小洁领取点击这里给我发消息

关注学UI设计网

你知道网页设计的黄金比例吗?

你知道网页设计的黄金比例吗?
作为一个网页设计师开始一个项目时经常会考虑到网页的布局,虽然现在很多人倾向使用 Grid css框架(如960,blueprint),但有时也需要设计一些独特的布局。今天我们要探讨如何将黄金分割理论运用到网页设计中,大部分涉及到的技术 也同样适用于其他的设计或艺术类工作,当然主要还是针对于网站设计布局。 黄金比例 黄金分割又称黄金比例,是一个数学上是术语,用……继续阅读 »

学UI设计 950浏览 0个赞

小技巧,新趋势!简单有效的空间共享式网页排版

小技巧,新趋势!简单有效的空间共享式网页排版
越来越多的网页内容开始采取别具一格的排版设计,其中最典型的一种,就是让文字布局横跨不同的元素所处的区域,让排版和其他的模块共享空间。这种设计理念并不复杂,而这种趋势也在网页设计领域越来越热。 这种设计手法非常容易识别,文字排版部分通常会从页面的一个区域,延伸到另外一个模块所在的区域,比如某个图片上的文字内容延伸到另外一个图片或者彩色区块当中,共享了其他组件的……继续阅读 »

学UI设计 535浏览 0个赞

5个突破点,搞定吸引人的圣诞节BANNER及专题页面设计!

5个突破点,搞定吸引人的圣诞节BANNER及专题页面设计!
说到圣诞节相关的设计,估计大部分正常人想到的都是白茫茫的雪地里,一位和蔼可亲的圣诞老爷爷驾着驯鹿拉的雪橇,背上还有一个大袋子,袋子里面装满了各种各样的礼物,这些礼物会被挨家挨户地送到需要的人手里,这么样一个场景。 之所以我们会有这种固化的思维,是因为圣诞节本来就是国外的节日习俗,我们对它的了解其实还是比较少,那么,能不能多一些开阔思维,让我们的设计更有意思更……继续阅读 »

学UI设计 1079浏览 0个赞

网页设计中,如何让字体和图片搭配得更加好看?

网页设计中,如何让字体和图片搭配得更加好看?
有人说,中文网页的设计其实没有字体设计这一环节,因为在网页中能用到的中文字体非常有限,能用的也只有黑体、宋体、微软雅黑等,这给中文网页的美感带来了折损。相比英文对字体的斟酌,网页上的中文字体显得太随意。 当然,这种说法有一定的正确性,但我们应该换个角度看。中文的网页中的字体的确是局限在这几款字体中,但不代表中文网页就没有字体设计这一环节。 认识网页设计中的……继续阅读 »

学UI设计 830浏览 0个赞

教你3招轻松搞定电商Banner排版

教你3招轻松搞定电商Banner排版
什么是真正好的排版,我觉得起码要做到清晰易读、信息突出并且观感上舒服好看,在这个基础上有突出的设计感、形式感,就是正真好的排版。怎么做?3个部分决定排版的步骤和方法,咱们分步来说。 文章开始之前,针对一些板式设计新手,我们也推荐你可以补充一下基础知识, 看看脍炙人口的《版式设计原理与应用》,有PDF下载哟。 空间是文字之间、图文之间的排列关系,是排版的第一……继续阅读 »

学UI设计 1211浏览 2个赞

最佳网页设计实践:简约主义和字体排版

最佳网页设计实践:简约主义和字体排版
谈到设计,我们需要考虑从设计师的角度来看文本。在与网站本身风格保持一致的前提下,文本必须是清晰易读的,必要时候,同内容的层次结构同样需要相配。 层次结构是一个网站构建的整体框架,但当你进入排版步骤,还必须建立相关的页面上特定的文本层次。在这一块,我们将解释如何才能使文本同页眉或者网站标题相呼应,以及如何使用的空白,使冗长的段落在视觉上变得易于消化。 标题同间……继续阅读 »

学UI设计 729浏览 0个赞

解决这13个问题,可以实现99.9%的设计稿还原

解决这13个问题,可以实现99.9%的设计稿还原
首先从题目来说,为什么不是100%设计稿还原?其实100%是一个理想的状态,有很大一部分设计师是不懂“页面重构”的,很多时候设计师在做设计的时候,会着重考虑视觉因素,实现成本考虑的不会特别仔细。面对这些设计细节,浏览器兼容、开发周期、后台数据循环因素等等都会影响到设计稿的还原效果,我们能做的就是尽可能的还原设计稿,无限接近100%还原,而不是追求100%的还……继续阅读 »

学UI设计 856浏览 0个赞

如何打造丰富而充满呼吸感的网页设计布局?

如何打造丰富而充满呼吸感的网页设计布局?
我们人类千人千面,但怎么长都不会偏离骨骼。因此,保持了内在的坚固恒久性,外表就一出戏,相对自由式的进行视觉想象编结。布局排版说来很容易,无非就是整理好网页的元素清单,然后一一放上版面即可。其实就因为自由搭配的方式千差万别,我们总为最好解决方案心悬一线,其实最后的结果又马马虎虎。 没有边界 一段文字和一张图片,甚至一个图标……在你进行布局的时候,由于你的素材并……继续阅读 »

学UI设计 635浏览 0个赞

这10个错误让你的网页显得不专业

这10个错误让你的网页显得不专业
做一个自己的网站可能对于资金紧张的创业者来说是个很好的idea。当你的初创公司略有起色的时候,你找到一个设计师就好了,之后可以考虑其他这样微不足道事情。 这样对吗? 事实上,设计对你刚起步业务的重要性要超过你所想象的。当你在发展线上业务的时候,用户的判断总是取决于一些设计细节。 最终,细节决定成败。如果你想要去打造一个值得信赖的品牌和增加收入的话,这些细……继续阅读 »

学UI设计 967浏览 0个赞

网页配图之个性年代插画当道

网页配图之个性年代插画当道
插画具有辅助文字叙事的功能,在书籍、杂志等平面中已然并不罕见,然而由于过去WEB技术发展的原因,网页设计中运用插画的情况却不多见,随着技术提升,插画越来越被网页设计师重视。 由于优秀的摄影作品可遇不可求,而且并不一定会遇上合适自己使用的样式。专门请了摄影师来拍照如果不集齐适合的模特、布景、道具、灯光……也许结果都未必理想。因此,可以看到,依靠摄影作品作为设计……继续阅读 »

学UI设计 518浏览 0个赞

教你从层次/色调/创意3个方面设计出酷炫网页的技巧

教你从层次/色调/创意3个方面设计出酷炫网页的技巧
大家在浏览网页时经常可以看优秀的海报设计,这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球。那么今天我们就跟大家分享一下一些优秀的海报设计在网页中的应用。 大家在浏览网页时经常可以看优秀的海报设计,这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面……继续阅读 »

学UI设计 1007浏览 0个赞

轮播图的用法竟然如此讲究!

轮播图的用法竟然如此讲究!
@腾讯ISUX – Jana:轮播图(Carousels)这样的交互方式,在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时,使用轮播图,似乎能够不费吹灰之力地解决这场争端,没有人是输家。然而,轮播图这种方式真的有效吗?如何设计才能带给用户更好的体验呢? 事实上,“万能和事佬”轮播图的点击率通常都很低,转化效果也并不好,却往往占用了页面……继续阅读 »

学UI设计 847浏览 0个赞