“.WordPress学习:菜单高亮、 85 views

the-menu-highlighting-of-wordpress

      导航菜单的设计,在网站里边起着重要的作用。动态菜单高亮,既能表明当前的页面的主要内容或关键词,又能告知访问者当前的位置,提高用户体验效果。

      在我为自己的 WordPress 博客设计 Violet 主题的时候,曾经写过一篇文章《“.Violet主题导航和面包屑设计、》做过简单总结。这几天的某个时刻,突然间就想用 Javascript 来实现这一效果,于是在今晚小试了下,最终还是觉得 CSS/PHP 版本的比较方便实用。

Read more.

“.CSS字体堆栈之艺、 122 views

css-font-stacks

      很多时候,我都在为书写 CSS 中的 Font-family 而发愁,因为使用不同的字体,在不同的浏览器、不同的操作系统环境下是有不同的体现的。

      为了能够更好地书写好 Font-family,我学习和参考了相关 CSS 和字体设计的知识,了解到 CSS 字体堆栈中的艺术,并在此做下小小总结。

Read more.

“.Violet2.0之文章代码样式设计、 100 views

      在我四月份设计的 Wordpress 主题 Violet 1.0 版本的时候,由于是第一次接触,所以很多功能都没能加上去。经过一番策划和设计,这段时间已经在开始着手升级我的 Violet 主题,算是 Violet 2.0 版本吧。

      当我们发表的一些技术性文章的时候,很有可能就会附加一些代码加以说明一些例子。而我,在之前书写部分 CSS 文章的时候,也用到过。但就是没有对这些代码进行格式化,不方便用户的阅读。

Read more.

“.我的PS之路、 130 views

my-ps-road

      话说 Photoshop 发展至今已经有 20 年的历史了。而我,一个二十几岁的小家伙,也有着一条学习和使用 Photoshop 的不寻常道路。最近需用到 CS4 版本的 3D 功能,感慨 Photoshop 无事不能了,于是想想,我该总结一下我的 PS 之路了。

      小的时候,我喜欢画些乱七八糟的东西。或许有这么一个天赋,很多人都夸我画的不错。随着计算机的普及,我疯狂喜欢上了平面设计,那个时候,我刚好考上高中。得益于有一个在教计算机的表姐——沙子,于是,我开始接触了 Photoshop。

Read more.

“.字体设计的123事、 159 views

      文字,是人类思想感情交流的必然产物。我们通过文字、图像、声音等来展现内容、传达信息、表达情感,而文字设计则是基于我们无形中的审美享受。

      如今世界上已经有数不清的字体库了,对于我来说,平常喜欢用的也就那么几种字体。然而,关于字体设计( Font Design ) ,我相知恨少,今天心血来潮,记录下字体设计必知的那一、二、三件事情。

Read more.

“.Web视觉设计(读书笔记)、 221 views

web visual design

      作为一个热衷web界面设计的人,我的身边总是有一些爱不释手的书,某一个未知的时刻,我便在如饥似渴地品读与学习。今天,在这分享下我阅读《Web视觉设计》的读书笔记。

      由(美)麦金太尔(Mcintire,P.)著的《web视觉设计》(Visual Design for the Modern Web)全面地介绍Web页面外观设计的相关知识,叙述生动、由浅入深。

Read more.

“.CSS Inheritance(继承)、 165 views

CSS Inheritance(继承)

      在我们的每一个 Web 页面里边,都存在着一棵Document tree(文档树),每个HTML元素之间的关系,就像是一个家庭一样,有父母,有子女,也有兄弟。在我们使用 CSS 来设计web 页面的时候,就少不了 HTML 家族里边的“遗传基因”的继承关系了。

      CSS Inheritance(继承)在我们编写 CSS 的时候起着重要的作用。深入理解Document tree 里边元素的“遗传”关系,巧用CSS Inheritance,可以让我们少走弯路,快速构建出一个样式表来。

Read more.

“.超链接啦–a标签、 107 views

hyperlink-<a>

      在设计violet 1.0版本的时候,便想为其添加一个小小的功能——底部TOP功能,如今还未实现。最近在研究一些网站设计和开发,于是又发现了这个小小功能的强大作用。深究一番,引发对链接的思考与总结。

      有人说,网站的导航是可视化的信息构架,足见导航在网站中的重要性。那么,导航又是如何带领我们通过点击到达目的地的呢?简而言之,是链接的功劳。揭开链接背后的神秘面纱,<a>标签既熟悉又陌生。

Read more.