标签:网页设计

9个寻找免费设计素材和创意灵感的超棒国外设计素材网站
UI设计

9个寻找免费设计素材和创意灵感的超棒国外设计素材网站

你是否正在寻找一些新颖创意的设计素材?如果你的答案是肯定的,我最近我找到国外另一篇文章,精选九个提供免费设计素材的网站,给你带来更多启发,更多创意设计灵感,希望你会喜欢。 其实网络上提供设计资源的网站很多,但并非每个都值得你投入时间,而以下列出的 9 个超棒网站,集合许多新鲜、免费的设计素材,让你在搜索上更省时间,如果你还有不...

逍遥乐

选择你喜爱的颜色,在线生成Google  Material Design 风格配色建议
UI设计

选择你喜爱的颜色,在线生成Google Material Design 风格配色建议

Google 在去年 Google I/O 大会发布了 Material Design 设计规范,也为市场带来新一波设计风潮,同时确定了 Google 日后的设计方向。在这个设计里有一个特色是“在大面积色块使用大胆的配色,利用动画让接口更生动活泼”,如果你有注意到近期的谷歌应用程序或服务,不难发现许多都使用了 Material Design 手法来重新设计,也试图在以往我们熟悉的设计...

逍遥乐

Web设计中排版很重要
UI设计

Web设计中排版很重要

首先谈一下“Metro”——由微软公司开发内部名称为“ typography-based design language”(基于排版的设计语言)。 Metro是基于瑞士平面设计的设计原则(清晰,真实,美观),来源于交通指示牌。生活中人们行色匆匆,更需要提供快速,简洁,直接,明确的设计。 现在的互联网又何尝不是如此,快捷获取信息的同时,信息泛滥、庞杂无序,简洁之风深入...

逍遥乐

网页设计html+css兼容性问题处理办法汇总
网站开发与网络建设

网页设计html+css兼容性问题处理办法汇总

13  标准网页布局的兼容性处理 标准网页设计的最大挑战不在于技术本身,而在于浏览器兼容性处理。所谓浏览器兼容问题,就是当我们使用不同的浏览器(如IE 7、IE 6、Firefox等)访问同一个页面时,可能会出现不一致的情况,出现这种现象的原因有很多种,但根本原因就是浏览器对于技术支持的标准不同造成的。 IE浏览器对于标准技术的支持是很不完善...

逍遥乐

Flat UI扁平化设计与色彩趋势
UI设计

Flat UI扁平化设计与色彩趋势

这篇文章将展示很多炫酷的范例,甚至还提供了一个免费的用户界面工具包供你下载和使用。但如果是你自己的话,你打算怎么做?给你点提示吧,色彩是扁平化趋势中最重要的一部分。 扁平化设计进阶 扁平化设计你可以通俗的理解为:使用简单特效,或者无特效来创建的设计方案,它不包含三维属性。诸如投影、斜面、浮雕、渐变等特效都不要...

逍遥乐

Web设计精确点滴,小细节大作为
UI设计

Web设计精确点滴,小细节大作为

UI设计网页设计web设计前端设计,这篇文章说实际问题的,所以不多强调,下面是我总结的一些比较突出的细节问题,而且我一直认为这些问题比较严重,正因为这些都是基本问题,很容易解决的,但把这种忽略养成一种习惯性的“经验”那就“杯具”了,然而这些细节问题也不同程度的代表了你的工作态度。 1)调整后的毛边 当对一个位图的大小进行调整后,正常情况...

逍遥乐

交互不求人—Axure网页原型设计 弹出动态面板的使用方法
UI设计

交互不求人—Axure网页原型设计 弹出动态面板的使用方法

作为一名互联网产品设计人员,相信很多同行每天上班电脑上都会运行着一个软件——Axure,她能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 随着互联网展品的发展,交互元素越来越多的在页面中体现,常见的就有很多的弹出框,大...

逍遥乐

简单介绍响应式Web设计
UI设计

简单介绍响应式Web设计

搭载在做web网页前端设计的时候,很想做响应式设计,让网页能在各种分辨率的设备上得心应手!那么我们将如何实现呢? 不要把响应式想的多么高端,其实很简单!下面我们就为大家简单介绍一下响应式Web设计! 首先,在设计中经常遇到这几个问题: 1.想要网站兼容手机、平板电脑、pc,就得为不同的设备定制不同的版本。 2.想要网站的某些页面...

逍遥乐

有关网页设计的那些事儿
IT资讯

有关网页设计的那些事儿

从这周起,将汇总QQ交流群中每天回复读者的一个网页设计方面的问题,按照一周的周期集结成文章,每周五发布在博客并共享在群中,供大家阅读参考。相较于我们经常发布的设计教程,这样的问答对于个人来说更有针对性,离我们日常的设计工作更近一些。我个人也有这样的体会,有时会有一两个问题长期停留在脑子里,得不到解决,偶然的碰到刚好涉及到这方...

逍遥乐

网页设计基础:Div+CSS布局入门教程(4)
网站开发与网络建设

网页设计基础:Div+CSS布局入门教程(4)

还有一点需要大家一定要分清楚的,当在HTML中定义为id="divID"时,在CSS对应的设置语法则是#divID{} ,如果在HTML中定义为class="divID"时,则在CSS中对应的设置语法是.divID。 如果id="divID"这个层中包括了一个<img></img>,则这个img在CSS中对应的设置语法应该是#divID img {},同样,如果是包含在class="divID"这个层中时...

逍遥乐