摘要: 我有个小小的心得可以分享给你——好的字体等于成熟的设计。直至几年前,网页设计师们都还没有对字体表现出足够的关注。如今这个领域已日趋成熟——字体繁荣发展,成为一股巨大的设计潮流。好的字体在文本的易读性上起了决定作用,却不止于此,它也传递出设计师分享的意图。它是整个用户体验的重要部分。从另一方面讲,缺乏... 阅读全文
posted @ 2015-01-29 16:08 妖仙子君 阅读(245) 评论(0) 推荐(0)
摘要: 随着移动客户端的普及,GUI设计师也雨后春笋般涌现出来。但是没有经过实践经验的设计师往往在不起眼的切图工作中出现种种问题,作者@亚茹有李 为大家总结了在安卓与iOS两个平台中切图的实用经验,希望对刚接触移动客户端设计的童鞋有所帮助。 阅读全文
posted @ 2015-01-29 16:06 妖仙子君 阅读(182) 评论(0) 推荐(0)
摘要: ISO国际标准纸张尺寸几个世纪以来,设计师们已经广泛的认识到了标准化纸张在实际应用中的优势,ISO的纸张系统是基于2次方根的高考卷比(1:1.4142),意思是说一张纸的面积是比它大一号的纸张的一半,是比它小一号纸张的两倍。下面是国际标准的纸张尺寸:规格尺寸(mm)规格尺寸(mm)规格尺寸(mm)A... 阅读全文
posted @ 2015-01-29 16:03 妖仙子君 阅读(1448) 评论(0) 推荐(0)
摘要: 公司Logo是你开展业务和宣传的基础,也是你首次与客户的交互方式。一个有效的Logo能建立起正确的语气和特有的气质。经过这么多年的logo设计项目,每次交付项目之前我总问自己一些问题:1. Logo能唤起什么样的情感?在设计指南上,最重要的是一个Logo是否能反应公司特征。有情感的Logo能恰当的反... 阅读全文
posted @ 2015-01-29 16:02 妖仙子君 阅读(216) 评论(0) 推荐(0)
摘要: “抄袭”,我们的第一反应可能会觉得是可耻的行为。那么为什么还要写这么一个专题呢?这不就是为了获得大奖的唾骂?增加关注度嘛?非也!非也!我们这里讲述的并非传统意义上的剽窃抄袭,而是对优秀作品的研究、尊敬,把它们加以混合、转化。创意的作品总是建立在先例的基础上,因此没有什么是绝对原创的。随着网络时代的越... 阅读全文
posted @ 2015-01-29 16:00 妖仙子君 阅读(153) 评论(0) 推荐(0)
摘要: 分享 进入阅读模式 对设计师来说,学历值多少钱?日期: 2014-07-29编辑: 南辰学历设计师方法与技巧老生常谈的话题,如果你也是设计师或准备成为设计师,要有心理准备面对这方面的质疑。好消息是,这个行业对学历并不是唯一的考量标准。这和某些行业有很大不大,具体对比就是医学类,建筑类,经管类,那些... 阅读全文
posted @ 2015-01-29 15:58 妖仙子君 阅读(211) 评论(0) 推荐(0)
摘要: 身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且“错不了”的指导方 针,你可以按照这些原则把握最基本的色彩规律。现在我们分享的这些原则都不是规则,你会在你的职业生涯中创造出更多的配色方案。相反,他们是一个起点,是 你如何生存在网页... 阅读全文
posted @ 2015-01-29 15:56 妖仙子君 阅读(302) 评论(0) 推荐(0)
摘要: 近年来,背景图上添加文本的图片变得越来越流行,该起源来自早期的网页设计,文本的融入使图片中能渗透更多情感以及上下文段的丰富感受。在早期,图像不得不做得很小以适应明显低速的带宽,随着连接速度和屏幕像素的快速提升,我们可以在自己设计中自由使用更多图片。考虑到与技巧相关的设计决策非常重要,掌握此法的最佳方... 阅读全文
posted @ 2015-01-29 15:55 妖仙子君 阅读(544) 评论(0) 推荐(0)
摘要: 一分钟一句话一方法,让你瞬间懂得如何安装photoshop字体、渐变、动作、滤镜、图案、笔刷、样式、自定形状… 这个是不是很方便~收藏带走不谢~哈哈~ 阅读全文
posted @ 2015-01-29 15:51 妖仙子君 阅读(142) 评论(0) 推荐(0)
摘要: 经常有朋友问如何才能做出好的设计作品?其实这并不是一个那么容易回答的问题,一个优秀的设计师 除了具备良好的绘画功底与审美的之外还需要了解自己 的用户,了解自己的产品,而我们作为服务行业又要努力保持好商业与艺术之间的平衡,这时对设计师们的考验就会更严苛。从学校毕业、开始工作,从什么都不懂 到了解行业并... 阅读全文
posted @ 2015-01-29 15:50 妖仙子君 阅读(149) 评论(0) 推荐(0)
摘要: @AnyForWeb_UDC 一个主观上很想多多学习的设计新手在工作中最常遇到的状况应该是…没人愿意教!(ps:传统思想告诉我们“教会徒弟,饿死师傅”,所以新人们的如此遭遇也无可厚非;But…另一种可能性是…师傅真的很忙!)今天我们为菜鸟们奉上关于网页UI设计的10条适用法则,希望能让大家脑洞大开,... 阅读全文
posted @ 2015-01-29 15:47 妖仙子君 阅读(129) 评论(0) 推荐(0)
摘要: 无论你是正在开始一桩洗车事业,还是运营一部快餐车,又或者是建立了一个新的会计事务所,有一件事永远是正确的:你的事业需要以网络在线方式存在。不仅如此,你的网站还必须足够专业化并展示出正确的形象。在复杂激烈的竞争环境中,一个完美的商业网站是企业用来推销自己的必要要素。一个整洁并且富有美感,令人愉悦的主页... 阅读全文
posted @ 2015-01-29 15:44 妖仙子君 阅读(575) 评论(0) 推荐(0)
摘要: 网页中的柔和色调的使用,不止是近来的趋势,这是一项设计师使用多年的技巧,用来创造有冲击力的视觉效果。当你听到“柔和”一词,想到的可能是淡粉色、淡蓝色、淡黄色,不过这种配色远不止这些颜色。柔和并不一定要感觉像新生儿一样。通过某些适当的方式,配合其他元素,这些色调也可以相当鲜明。下面我们从优秀的案例网站... 阅读全文
posted @ 2015-01-29 15:43 妖仙子君 阅读(328) 评论(0) 推荐(0)
摘要: 好长时间没发帖,净想过年了,过年哈,倒腾工作总结和年货是大事。这几天有人问我说:“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想学点直接能拿来用的,这个要求过分吗……”这个,好吧,那就直接说说能用的知识:字体字号。也许你会说:字体字号?也太Low了吧,这个谁不知道重要呀。对于这个问题,我想说... 阅读全文
posted @ 2015-01-29 15:42 妖仙子君 阅读(569) 评论(0) 推荐(0)
摘要: 这是选择了10个 HTML5 面试问题并给出了答案。这是Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。您可能感兴趣的相关文章Web 前端开发人员和设计师必读精华文章推荐精心挑选的优秀jQuery Ajax分页插件和教程12个让人惊叹的的创意... 阅读全文
posted @ 2015-01-29 14:44 妖仙子君 阅读(2216) 评论(0) 推荐(0)
摘要: 在前端网页布局中,在同一平面上布局,我们大都采用float属性来定位网页元素的位置。但是涉及到弹出层、浮层、页面广告插件等等,都需要CSS 中的position属性来定位了,对于初学者来说经常分不清楚是应该用position属性的absolute值、relative值、fixed值等 等,下面我们就... 阅读全文
posted @ 2015-01-29 14:41 妖仙子君 阅读(858) 评论(0) 推荐(0)
摘要: DIV 垂直 居中让div居中对齐 使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。 .style{margin-left:auto;margin-right:auto;} 缩写形式为: .style{margin:0 auto;} 数字0 表示... 阅读全文
posted @ 2015-01-29 14:39 妖仙子君 阅读(224) 评论(0) 推荐(0)
摘要: 差别1:link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。差别2:加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的C... 阅读全文
posted @ 2015-01-29 14:37 妖仙子君 阅读(255) 评论(0) 推荐(0)
摘要: 你网站最重要的部分之一就是页脚。是的,我是认真的。这里也许并不适合伟大的设计或者令人印象深刻的内容会存在的区域,但这里是用户寻找信息的地方。所以在设计网站项目时候也不要忽略这个地方。但是你需要在这里包含哪些元素?如何组织页脚的内容使其不突兀并保持整体美感?你来对地方了。在这里我们将会提出一些关于如何... 阅读全文
posted @ 2015-01-29 14:35 妖仙子君 阅读(2691) 评论(0) 推荐(0)
摘要: 本文从良构,有效性,布局三个角度,结合往日项目开发经历, 整理总结重构HTML改善Web应用设计的几点规则和做法。部分参考自《重构HTML改善Web应用设计》。良构 把 标记转换为符合现代标准的首要任务是实现良构。良构保证了DOM可操作的文档树结构的唯一性,因而成为可靠的跨浏览器的javasc... 阅读全文
posted @ 2015-01-29 14:31 妖仙子君 阅读(297) 评论(0) 推荐(0)
摘要: 参考:分享:CSS深入理解之float浮动一:float设计初衷即是为了实现文字环绕效果包裹:BFC(块级格式化上下文)破坏:容器被破坏,父元素高度塌陷(标准,二:清除浮动(带来的影响)1:方法一,在底部插入clear:bothclear:html block 水平元素底部css after 伪元素... 阅读全文
posted @ 2015-01-29 14:30 妖仙子君 阅读(434) 评论(0) 推荐(0)
摘要: 如果你是一个天才等级的工程师(马上可以离开),可以独立完成一个很多事情,你可以是一个怪咖,因为我相信没有一个人不会不佩服你。但现实归现实,多数人都不是天才,而我们在职场上也不是单打独斗,我们需要团队合作,需要协调和配合,需要考虑除了代码以外的更多事情。 前端工程师,也不仅仅只是负责接资料,捞数据,... 阅读全文
posted @ 2015-01-29 14:29 妖仙子君 阅读(254) 评论(0) 推荐(0)
摘要: html1 2 3 4 css 1 .container{ 2 width:150px; 3 height:50px; 4 background:rgb(236,100,143); 5 } 6 .demo{ 7 background:rgb(141,163,210... 阅读全文
posted @ 2015-01-29 14:26 妖仙子君 阅读(1254) 评论(0) 推荐(0)
摘要: 引言 关注到一朋友所在公司的网站,看到招聘信息部分,突然觉的这个效果简单并且可复用,然后自己就练习了一把。缺点 点击标题展开内容后,文字有点抖动,还没排查出来问题所在。页面 1 2 高级Java软件工程师 3 4 岗位职责 5 6 负责系统架构设计和... 阅读全文
posted @ 2015-01-29 14:25 妖仙子君 阅读(177) 评论(0) 推荐(0)
摘要: 作为一枚小小的前端攻城师,最近倍感为难的就是基础不扎实了。故此决定痛改前非,重新回顾一下知识,打牢我的基础。这篇文章纯属本人的遗漏知识点回顾之作,有人乐意看的随便看看吧~反正也不收钱~哈哈!第一模块:HTML(1)HTML链接 - name属性 name 属性规定锚(anchor)的名称。 我们... 阅读全文
posted @ 2015-01-29 14:24 妖仙子君 阅读(175) 评论(0) 推荐(0)
摘要: Bootstrap果真给我们带来了很多便利,学习CSS,必须要掌握很多框架和快速学习的方法。这本书看完了,也写过几篇读书笔记,墙裂推荐。不上书封面了,只上书的导图。这里说几点学习CSS的心得1.基础语法都觉得很好入门,当然,也的确很好入门,但一些例子要动手,不要做伸手党。2.一些框架要熟练应用,开发... 阅读全文
posted @ 2015-01-29 14:22 妖仙子君 阅读(126) 评论(0) 推荐(0)
摘要: 做了将近两年的前端工作,我也来总结总结一下在工作中学到的经验 。 首先了,跟着我的思维一起走,用户打开网页的这个动作,可以理解为 涉及到如下 两个大项 浏览器 和服务端 。 我先谈谈服务器端 ,如图 上图可以看出 访问页面动作(客户端) 在服务端拿HTTP 。既然是拿东西那就好说了,(求... 阅读全文
posted @ 2015-01-29 14:21 妖仙子君 阅读(109) 评论(0) 推荐(0)
摘要: 嗯,工作也有一段时间了,对编程的认识也深入了一些,以前认为HTML/CSS/JAVASCRIPT是比较简单的,看网上的教程就可以了,W3C 是我学习这些知识常去的一个网站,非常感谢她让我学习到了更多的一些关于前端的知识,不过现在我不这样看了,前端工程师们最主要的就是通过这些来工作的 (当然考虑的问题... 阅读全文
posted @ 2015-01-29 14:20 妖仙子君 阅读(323) 评论(0) 推荐(0)
摘要: 嗯,在HTML DOM(学习笔记一)中简单描述了一下HTML DOM 是什么,这一篇将记录下来有关HTML DOM的内容!1:DOM节点首先,再来看一下HTML DOM的树状结构,如下图所示:这就是我们要处理的HTML DOM 也就是一种HTML文档的另一种表现的形式,更加接近我们的HTML文档的表... 阅读全文
posted @ 2015-01-29 14:19 妖仙子君 阅读(323) 评论(0) 推荐(0)
摘要: 用到的工具:FireFox浏览器Sublime Text 2响应式布局定义:2010年,Ethan Marcotte提出,可查看原文;通俗地讲就是:百份比布局,根据不同设备显示不同布局;这次主要解决:传统的固定像数(px)相比:不同显示设备,使用不同布局。例如:PC屏幕,显示3栏;手机,显示为1栏;... 阅读全文
posted @ 2015-01-29 14:18 妖仙子君 阅读(132) 评论(0) 推荐(0)
摘要: △标准html符合w3c的源代码 符合w3c标准的html标准需要注意的地方 1、首先要DOCTYPE声明 2、以就要以结束 3、注意一对组合型标签如就要以结束, 常见的一对组合型标签有div、p、title、head、html、table、tr、td、span、style、b、stron... 阅读全文
posted @ 2015-01-29 14:17 妖仙子君 阅读(232) 评论(0) 推荐(0)
摘要: 1.css 字体简写规则 当使用css定义字体时你可能会这样做: font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-fami... 阅读全文
posted @ 2015-01-29 14:15 妖仙子君 阅读(44) 评论(0) 推荐(0)
摘要: 《Web 前端开发精华文章推荐》自2011年6月20号发布第一期以来,历经三年半,总共发布了30多期。今天这篇是2015年第1期(总第32期),希望你能在这里发现有用的资料。 梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀jQuery插件,展示前沿的HTML5和CSS3技术应用,... 阅读全文
posted @ 2015-01-29 14:12 妖仙子君 阅读(57) 评论(0) 推荐(0)
摘要: 一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅对于做网页的初学者可能更习惯于使用一些漂亮的图片 作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以 大大加快浏览者... 阅读全文
posted @ 2015-01-29 14:09 妖仙子君 阅读(853) 评论(0) 推荐(0)