2012年10月30日
使用字符代替圆角尖角研究
摘要： 一、字体与字符显示的关系这里左右方向的尖角，字体为宋体：<>不受字体影响型：＜＞这里左右方向的尖角，字体为Arial：<>不受字体影响型：＜＞这里左右方向的尖角，字体为Lucida Sans Unicode：<>不受字体影响型：＜＞这里左右方向的尖角，字体为Times New Roman：<>不受字体影响型：＜＞这里左右方向的尖角，字体为Verdana：<>不受字体影响型：＜＞这里上下方向的尖角，... 阅读全文
posted @ 2012-10-30 15:59 jnpd 阅读(281) 评论(0) 推荐(0)
2012年10月17日
选项卡学习
摘要： 选项卡是非常通用的，很老套了。会用也理解了，但是还是没有有人指导那么深刻了刚开的妙趣课堂的教程，对自己的选项卡学习做如下总结：最不会的应该属于或者当前的 index 索引值吧写了个最简单的HTML <input type = "button" value = "1" /> <input type = "button" value = "2" /> <input type = "button" value = "3" /> <div&g 阅读全文
posted @ 2012-10-17 16:10 jnpd 阅读(220) 评论(0) 推荐(0)
两端对齐，图片文字列表
摘要： 今天一个朋友给我说，给你看个两端对齐的效果当时我看着真不以为然，我就觉得两端对齐有什么好讨论的这个问题但是用心慢慢看了，也是有技巧在里面的话不多说，上代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m 阅读全文
posted @ 2012-10-17 14:11 jnpd 阅读(653) 评论(0) 推荐(0)
如何拓展设计思维
摘要： 近期参加小组周会，其中一个环节是营销设计组的作品点评，虽然自己有很长一段时间没有设计这类需求，但一直在关注，平时不定期的收藏了一些图片和网页，拿出来与大家分享，并且从几个方面来谈谈怎样的设计能给人留下深刻印象。什么是设计？关于“设计”的含义有着许多种解释，每个人对设计都有自己的理解和体会，甚至具体到一个点，一个色块。百度说，设计是一种计划、规划、设想通过视觉的形式传达出来的活动过程。也有人说设计是把自己的想法直接呈现出来的手段。甚至还有人说…总之，我认为无论设计是以何种形态出现，目的都为了更好地传递背后的信息，给用户留下深刻的视觉印象。要想给人留下深刻印象最好的办法就是视觉冲击力，运用视觉艺术 阅读全文
posted @ 2012-10-17 13:29 jnpd 阅读(169) 评论(0) 推荐(0)
2012年10月12日
JS事件委托学习
摘要： 看codecademy 写练习JS 写烦气了然后在妙趣里面找教程练习实例教程果然是强悍的特对教程总结下部分内容。JS 事件委托就是利用冒泡原理，把事件加到父级上触发，执行效果。好处:1.提高性能2.新添加的元素还会有之前的事件<ul id="ul"><li>111111</li><li>22222</li><li>333333</li><li>444444</li></ul>这样一个HTML结构我... 阅读全文
posted @ 2012-10-12 11:48 jnpd 阅读(1074) 评论(0) 推荐(0)
2012年10月11日
设计的细节(Details in design)
摘要： 引言：在设计的工作中，很多时候会听到参加评审的设计师或者是某些领导说，这设计稿细节不够啊。设计师有时就会很委屈:“我都已经细化到像素级别了啊，为什么还说细节不够呢？什么是细节呢？”这篇文章，结合一个具体的示例来描述下我对设计细节的理解。先说下设计细节具体是什么。其实这是一个很广义的概念，一个设计作品如果成功，细节方面一定是到位的，但是细节不仅仅是指细小的东西，比如说像素级别的对齐，到位等等，还包括:这里如果不用这种形式，稍微加点纹理或者质感会不会更好，与整体是否协调，光影关系是否与整个图标或者整个界面一致等等。在抠设计的细节的时候，一定要戒骄戒躁，即使是很小的一个点上，也需要多思考，如何让这个 阅读全文
posted @ 2012-10-11 08:34 jnpd 阅读(310) 评论(0) 推荐(0)
2012年10月10日
JavaScript原型继承
摘要： 关于javasript，它是基于对象的，因此，它没有类的概念，所以，如果要实现继承，也就只能是利用javascript的原型机制prototype去实现了。(其实这里是错的，感谢 @记忆的森林 的提示，还可以用apply和call去实现)因为javascript没有专门的机制去实现类，所以这里只能是借助它的函数能够嵌套的机制来模拟实现类。在javascript中，一个函数，可以包含变量，也可以包含... 阅读全文
posted @ 2012-10-10 15:02 jnpd 阅读(159) 评论(0) 推荐(0)
推荐55个充满创意的的免费背景虚化的纹理设计(转)
摘要： 纹理是网页设计中非常有用的视觉元素，常用于网站背景。漂亮的纹理背景可以让你的网站看起来更加优雅时髦，如果能和页面的其它组成部分融合成整体，那就能让网站更有吸引力。我们甚至可以利用纹理作为网页各个部分之间的过渡，这样对网页的整体视觉效果也是一种很理想的提升。背景虚化的纹理颇负盛名，从2009年开始，这种设计趋势与日俱增。这个词原本的意思是“焦点”，指的是一个图片或设计一个当中的重点领域。你一定见过许多照片的背景虚化效果。不但在图片现在在设计，开发领域背景虚化效果也是广泛应用下面是我收藏的完整的列表，你可以随意在这个集合中浏览和下载所有的纹理都是免费使用的，Digital BokehMy firs 阅读全文
posted @ 2012-10-10 10:44 jnpd 阅读(496) 评论(0) 推荐(0)
2012年10月9日
【经典网页设计】原来404错误页面可以这样设计
摘要： 1.Huwshimi2.Angry Birds3.Vegaz Vegaz4.Dainese5.lego6.Fast Centrix7.Hugs for Monster8.Daily Mile9.Tele 210.Irrational Games11.I Stock Photo12.Carolrivello13.Xhtml Kitchen14.Catalyst Studio15.Black Moon dev16.Curatorandmule17.South park Studios18.Home Star Runner19.At Ease web20.The Web Motel21.D20 SR 阅读全文
posted @ 2012-10-09 15:26 jnpd 阅读(109) 评论(0) 推荐(0)
2012年9月25日
寻找设计的动机和方向
摘要： 做设计久了，有时会回头想一下，到底设计是什么？ 在我理解，设计的核心即把握动机、实现需求，这两点做到位了的话，整个产品的架构也就自然而然形成，剩下的工作就只是完善和调整细节。一. 理解动机 要把握动机，首先要理解动机。所谓动机，我认为有三种，而这三种动机就是产品最终形态的来源。如果其中一样没有把握好，就无法做出好的产品。a. 产品（功能）开发的动机 以前对这方面不太关心，做不同的产品都是... 阅读全文
posted @ 2012-09-25 11:11 jnpd 阅读(165) 评论(0) 推荐(0)