自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(32)
  • 收藏
  • 关注

转载 在App设计中怎样优雅的运用字体

我有个小小的心得可以分享给你——好的字体等于成熟的设计。直至几年前,网页设计师们都还没有对字体表现出足够的关注。如今这个领域已日趋成熟——字体繁荣发展,成为一股巨大的设计潮流。好的字体在文本的易读性上起了决定作用,却不止于此,它也传递出设计师分享的意图。它是整个用户体验的重要部分。从另一方面讲,缺乏好的字体,是整个产品不专业的表现。文字是主要界面的基础元素——如果它设计得很糟,为何还...

2015-01-29 16:08:00 117

转载 APP切图的那点事——安卓与iOS平台切图小结

随着移动客户端的普及,GUI设计师也雨后春笋般涌现出来。但是没有经过实践经验的设计师往往在不起眼的切图工作中出现种种问题,作者@亚茹有李 为大家总结了在安卓与iOS两个平台中切图的实用经验,希望对刚接触移动客户端设计的童鞋有所帮助。转载于:https://www.cnblogs.com/yaoxianzi/p/4260171.html...

2015-01-29 16:06:00 126

转载 平面设计必须知道的尺寸列表

ISO国际标准纸张尺寸几个世纪以来,设计师们已经广泛的认识到了标准化纸张在实际应用中的优势,ISO的纸张系统是基于2次方根的高考卷比(1:1.4142),意思是说一张纸的面积是比它大一号的纸张的一半,是比它小一号纸张的两倍。下面是国际标准的纸张尺寸:规格尺寸(mm)规格尺寸(mm)规格尺寸(mm)A0841...

2015-01-29 16:03:00 762

转载 怎样设计一个伟大的logo

公司Logo是你开展业务和宣传的基础,也是你首次与客户的交互方式。一个有效的Logo能建立起正确的语气和特有的气质。经过这么多年的logo设计项目,每次交付项目之前我总问自己一些问题:1. Logo能唤起什么样的情感?在设计指南上,最重要的是一个Logo是否能反应公司特征。有情感的Logo能恰当的反应公司的 价值观。举个例子,迪斯尼 logo给人的感觉就是快乐和乐观的,对于孩子们...

2015-01-29 16:02:00 101

转载 设计高手之路——“抄袭”与“超越”

“抄袭”,我们的第一反应可能会觉得是可耻的行为。那么为什么还要写这么一个专题呢?这不就是为了获得大奖的唾骂?增加关注度嘛?非也!非也!我们这里讲述的并非传统意义上的剽窃抄袭,而是对优秀作品的研究、尊敬,把它们加以混合、转化。创意的作品总是建立在先例的基础上,因此没有什么是绝对原创的。随着网络时代的越来越发达,人们的设计水平不断提高,我们可以接触到的网页方面的优 秀作品也越来越多。而有...

2015-01-29 16:00:00 120

转载 对设计师来说,学历值多少钱?

分享 进入阅读模式 对设计师来说,学历值多少钱?日期: 2014-07-29编辑: 南辰学历设计师方法与技巧老生常谈的话题,如果你也是设计师或准备成为设计师,要有心理准备面对这方面的质疑。好消息是,这个行业对学历并不是唯一的考量标准。这和某些行业有很大不大,具体对比就是医学类,建筑类,经管类,那...

2015-01-29 15:58:00 144

转载 网页设计中永远正确的配色法则

身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且“错不了”的指导方 针,你可以按照这些原则把握最基本的色彩规律。现在我们分享的这些原则都不是规则,你会在你的职业生涯中创造出更多的配色方案。相反,他们是一个起点,是 你如何生存在网页设计领域色彩方向的安全指南。1. 需要配色的是你的画布,而不是你的图片一个在网页设...

2015-01-29 15:56:00 213

转载 超赞!合理搭配图片与文字的小技巧

近年来,背景图上添加文本的图片变得越来越流行,该起源来自早期的网页设计,文本的融入使图片中能渗透更多情感以及上下文段的丰富感受。在早期,图像不得不做得很小以适应明显低速的带宽,随着连接速度和屏幕像素的快速提升,我们可以在自己设计中自由使用更多图片。考虑到与技巧相关的设计决策非常重要,掌握此法的最佳方式是通过实践练习,这对保证高品质的设计很有必要,不要期许文本随意的至于图片之上会有好的...

2015-01-29 15:55:00 311

转载 一句话,如何安装photoshop各种插件!

一分钟一句话一方法,让你瞬间懂得如何安装photoshop字体、渐变、动作、滤镜、图案、笔刷、样式、自定形状… 这个是不是很方便~收藏带走不谢~哈哈~转载于:https://www.cnblogs.com/yaoxianzi/p/4260113.html...

2015-01-29 15:51:00 102

转载 设计师应该怎样快速成长?

经常有朋友问如何才能做出好的设计作品?其实这并不是一个那么容易回答的问题,一个优秀的设计师 除了具备良好的绘画功底与审美的之外还需要了解自己 的用户,了解自己的产品,而我们作为服务行业又要努力保持好商业与艺术之间的平衡,这时对设计师们的考验就会更严苛。从学校毕业、开始工作,从什么都不懂 到了解行业并且为客户解决问题,这些经历都不停在每位设计师身上上演着……慢慢的会让我们懂得一个成熟的设计...

2015-01-29 15:50:00 80

转载 写给还没入门的网页设计师们

@AnyForWeb_UDC 一个主观上很想多多学习的设计新手在工作中最常遇到的状况应该是…没人愿意教!(ps:传统思想告诉我们“教会徒弟,饿死师傅”,所以新人们的如此遭遇也无可厚非;But…另一种可能性是…师傅真的很忙!)今天我们为菜鸟们奉上关于网页UI设计的10条适用法则,希望能让大家脑洞大开,在设计中得到帮助和启发。1.纠结的时候,让自然为你做决定!遵循自然规律的设...

2015-01-29 15:47:00 750

转载 简单10步,建立一个完美的商业网站

无论你是正在开始一桩洗车事业,还是运营一部快餐车,又或者是建立了一个新的会计事务所,有一件事永远是正确的:你的事业需要以网络在线方式存在。不仅如此,你的网站还必须足够专业化并展示出正确的形象。在复杂激烈的竞争环境中,一个完美的商业网站是企业用来推销自己的必要要素。一个整洁并且富有美感,令人愉悦的主页可以帮助吸引更多的跟随者,从而建立一个真实的品牌联系。这其中最好的作用就是操纵...

2015-01-29 15:44:00 168

转载 不会配色?来看看网页设计中怎样使用柔和色调

网页中的柔和色调的使用,不止是近来的趋势,这是一项设计师使用多年的技巧,用来创造有冲击力的视觉效果。当你听到“柔和”一词,想到的可能是淡粉色、淡蓝色、淡黄色,不过这种配色远不止这些颜色。柔和并不一定要感觉像新生儿一样。通过某些适当的方式,配合其他元素,这些色调也可以相当鲜明。下面我们从优秀的案例网站出发,了解10种在网页设计中运用柔和色调的方法。柔和的照片照片上的柔和...

2015-01-29 15:43:00 1991

转载 界面设计过程中的常用字体规范

好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事。这几天有人问我说:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗……”这个,好吧,那就直接说说能用的知识:字体字号。也许你会说:字体字号?也太Low了吧,这个谁不知道重要呀。对于这个问题,我想说:会和熟练,是两回事。一个App,不同部分的字体字号你能准确地说出来吗...

2015-01-29 15:42:00 479

转载 [网页设计]10个最常见的 HTML5 面试题及答案

这是选择了10个 HTML5 面试问题并给出了答案。这是Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。您可能感兴趣的相关文章Web 前端开发人员和设计师必读精华文章推荐精心挑选的优秀jQuery Ajax分页插件和教程12个让人惊叹的的创意的 404 错误页面设计让网站动起来!12款优秀的 jQuery 动...

2015-01-29 14:44:00 299

转载 [网页设计]CSS 定位之position

在前端网页布局中,在同一平面上布局,我们大都采用float属性来定位网页元素的位置。但是涉及到弹出层、浮层、页面广告插件等等,都需要CSS 中的position属性来定位了,对于初学者来说经常分不清楚是应该用position属性的absolute值、relative值、fixed值等 等,下面我们就position属性基本的这三个值的用法做一些简单的介绍,希望对初学者有些帮助。...

2015-01-29 14:41:00 800

转载 [网页设计]DIV 垂直 垂直水平 居中

DIV 垂直 居中让div居中对齐 使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。 .style{margin-left:auto;margin-right:auto;} 缩写形式为: .style{margin:0 auto;} 数字0 表示上下边距是0。可以按照需要设置成不同的值。<style...

2015-01-29 14:39:00 178

转载 [网页设计]外部引用CSS中 link与@import的区别

差别1:link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。差别2:加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。...

2015-01-29 14:37:00 98

转载 [网页设计]设计网页页脚的15个超实用技巧

你网站最重要的部分之一就是页脚。是的,我是认真的。这里也许并不适合伟大的设计或者令人印象深刻的内容会存在的区域,但这里是用户寻找信息的地方。所以在设计网站项目时候也不要忽略这个地方。但是你需要在这里包含哪些元素?如何组织页脚的内容使其不突兀并保持整体美感?你来对地方了。在这里我们将会提出一些关于如何设计好页脚的建议,并会给出一些例子。1.保持设计简单是 的,这是大部...

2015-01-29 14:35:00 488

转载 [网页设计]重构HTML改善Web应用设计

  本文从良构,有效性,布局三个角度,结合往日项目开发经历, 整理总结重构HTML改善Web应用设计的几点规则和做法。部分参考自《重构HTML改善Web应用设计》。良构  把 标记转换为符合现代标准的首要任务是实现良构。良构保证了DOM可操作的文档树结构的唯一性,因而成为可靠的跨浏览器的javascript代码的基础。 对于一个乱构的页面来说,任何可靠的自动化处理或测试都...

2015-01-29 14:31:00 143

转载 [网页设计]CSS之浮动float

参考:分享:CSS深入理解之float浮动一:float设计初衷即是为了实现文字环绕效果包裹:BFC(块级格式化上下文)破坏:容器被破坏,父元素高度塌陷(标准,二:清除浮动(带来的影响)1:方法一,在底部插入clear:bothclear:html block 水平元素底部css after 伪元素2:方法二,BFC/haylayout...

2015-01-29 14:30:00 159

转载 [网页设计]前端工程师应该具备的三种思维

如果你是一个天才等级的工程师(马上可以离开),可以独立完成一个很多事情,你可以是一个怪咖,因为我相信没有一个人不会不佩服你。但现实归现实,多数人都不是天才,而我们在职场上也不是单打独斗,我们需要团队合作,需要协调和配合,需要考虑除了代码以外的更多事情。  前端工程师,也不仅仅只是负责接资料,捞数据,做个回应。当然只做这些也并没有不对,但我们需要和后端工程师沟通,我们也需要和设计沟通,...

2015-01-29 14:29:00 114

转载 [网页设计]auto的使用

html1 <div class="container">2 <div class="demo"> 3 </div>4 </div> css 1 .container{ 2 width:150px; 3 height:50px; 4 background:rgb(236,100,143); ...

2015-01-29 14:26:00 730

转载 [网页设计]模仿某网站招聘列表

引言 关注到一朋友所在公司的网站,看到招聘信息部分,突然觉的这个效果简单并且可复用,然后自己就练习了一把。缺点 点击标题展开内容后,文字有点抖动,还没排查出来问题所在。页面 1 <div class='jobs_box'> 2 <h2 class='up'><b>高级Java软件工程师</b>&...

2015-01-29 14:25:00 136

转载 [网页设计]前端知识查漏补缺篇(一)

作为一枚小小的前端攻城师,最近倍感为难的就是基础不扎实了。故此决定痛改前非,重新回顾一下知识,打牢我的基础。这篇文章纯属本人的遗漏知识点回顾之作,有人乐意看的随便看看吧~反正也不收钱~哈哈!第一模块:HTML(1)HTML链接 - name属性  name 属性规定锚(anchor)的名称。  我们可以使用 name 属性创建 HTML 页面中的书签。  书签不会以任...

2015-01-29 14:24:00 103

转载 [网页设计]c ss高效开发实战看完了,Bootstrap学习是关键

Bootstrap果真给我们带来了很多便利,学习CSS,必须要掌握很多框架和快速学习的方法。这本书看完了,也写过几篇读书笔记,墙裂推荐。不上书封面了,只上书的导图。这里说几点学习CSS的心得1.基础语法都觉得很好入门,当然,也的确很好入门,但一些例子要动手,不要做伸手党。2.一些框架要熟练应用,开发起来能事半功倍。3.一些关键的技术,如less,sass等,要有所了解...

2015-01-29 14:22:00 65

转载 [网页设计]前端优化还可以这么优化!

做了将近两年的前端工作,我也来总结总结一下在工作中学到的经验 。 首先了,跟着我的思维一起走,用户打开网页的这个动作,可以理解为 涉及到如下 两个大项 浏览器 和服务端 。 我先谈谈服务器端 ,如图 上图可以看出 访问页面动作(客户端) 在服务端拿HTTP 。既然是拿东西那就好说了,(求更合适的比喻)    一:速度要快,前端能做的就是使用...

2015-01-29 14:21:00 102

转载 [网页设计]HTML DOM(学习笔记一)

嗯,工作也有一段时间了,对编程的认识也深入了一些,以前认为HTML/CSS/JAVASCRIPT是比较简单的,看网上的教程就可以了,W3C 是我学习这些知识常去的一个网站,非常感谢她让我学习到了更多的一些关于前端的知识,不过现在我不这样看了,前端工程师们最主要的就是通过这些来工作的 (当然考虑的问题肯定是更多更广更深入了,架构问题、兼容性问题、性能问题、还有各种插件、JS库以及前段的各种...

2015-01-29 14:20:00 104

转载 [网页设计]HTML DOM(学习笔记二)

嗯,在HTML DOM(学习笔记一)中简单描述了一下HTML DOM 是什么,这一篇将记录下来有关HTML DOM的内容!1:DOM节点首先,再来看一下HTML DOM的树状结构,如下图所示:这就是我们要处理的HTML DOM 也就是一种HTML文档的另一种表现的形式,更加接近我们的HTML文档的表现形式的样式是这样的,如下图所示:在HTML DOM中,所有的事物...

2015-01-29 14:19:00 99

转载 [网页设计]移动Web

用到的工具:FireFox浏览器Sublime Text 2响应式布局定义:2010年,Ethan Marcotte提出,可查看原文;通俗地讲就是:百份比布局,根据不同设备显示不同布局;这次主要解决:传统的固定像数(px)相比:不同显示设备,使用不同布局。例如:PC屏幕,显示3栏;手机,显示为1栏;用到media query(媒体查询),它的用法,例如...

2015-01-29 14:18:00 81

转载 [网页设计]符合w3c标准的html标准需要注意的地方

△标准html符合w3c的源代码  符合w3c标准的html标准需要注意的地方  1、首先要DOCTYPE声明  2、以<html>就要以</html>结束  3、注意一对组合型标签如<title>就要以</title>结束,  常见的一对组合型标签有div、p、title、head、html、table、tr、td、s...

2015-01-29 14:17:00 82

转载 [网页设计]网页颜色的搭配技巧

一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅对于做网页的初学者可能更习惯于使用一些漂亮的图片 作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以 大大加快浏览者打开网页的速度。 一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上...

2015-01-29 14:09:00 862

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除