INSRAQ.me

再次更新网站风格

前一版本的风格我非常喜欢,一直计划着改,但是舍不得。这次改版本来想只是变动一下 Works 的页面,后来就索性全改了。

(上一版本的风格,点击这里放大。)

我也来越靠近Minimalism的风格了,简洁是很吸引人的,可惜的是内容一多,再改版总是被限制。以前的那种把数据全部archive一下然后全新开始的做法,现在肯定不能了。网站太多重要的数据,也有许多付费的客户,所以要小心翼翼。

新版的风格就是你现在看到的,这次终于开始区分中英文的CSS了,以前总是凑合着把两个合一,如果又不合适的,就放弃中文,保留英文,这次终于发现这样行不通了。英文设计比中文设计要有选择的多,主要是英文字体的优势。中文就那么两个(宋体和微软雅黑)字体,英文其实也不多,但是有sIFR和cufon等等字体替换技术,所以要好得多。

前一篇文章已经说了,我换了一个空间服务商,Dreamhost的down time实在是不够低,加上后台的Panel不是cPanel,用起来不舒服。近来经常去WHT看帖子,看一些便宜的shared hosting或者VPS的Offer,觉得主机这个行业实在是竞争太大了,因为很难有什么区分度。绝大多数中小主机商都用WHMCS的解决方案,成本很低,建立也很快(倒下也很快)。对于许多第一次建站的人,买一个极其便宜的小主机也是不错的选择,不过记得要月付,而且要用Paypal。

再次重新设计hi,insraq!

总是对上次设计不是很满意,因为过于中庸,显示不出来“我是一个有个性的设计师”,所以再次重新设计。我觉得设计师对于自己的网站追求完美并没有什么不好。

抛弃了960 Grid System框架,因为觉得框架对于创意还是有限制的。特别是对于有边框的风格,因为CSS的width和height不包括border宽度,所以一旦加上边框会撑破container。

这次并没有采取经常的局中风格,而是采取居左。在我的24“的显示器上右面显示有些空荡荡,但是我喜欢这样的的空间感。Smashing Magazine Network (Smashing Magazine汇集了一批著名的设计Blog) 上有一篇文章讲设计中的空间运用,讲的很不错。

单纯干净的颜色加上严谨的网格线,很能反映我现在的性格。

P.S. 今天猛然发现 SimpleBits 的设计更新了。另外推荐一位设计师Jina Bolton,她的Profolio网站 Sushi & Robots 非常优雅。

推荐几篇字体的文章:
绝对不能用:PC中易宋体黑体的英文部分
Typeworkshop Type-Basics

hi,insraq! 重新设计

不知道其他设计师是怎样对待自己网站的,反正我是喜欢把自己的网站当作沙盒(Sandbox),或者说是试验场(Playground)。我还是比较享受为自己设计的快乐。有一种说法是设计为别人,艺术为自己——当设计师为自己设计的时候,也算是一种艺术。


hi,insraq! 之前的版本

到底要不要大背景设计?

大背景设计是2008年的潮流,延续到现在,许多网站仍然采用。最近发现 University Of Denver 也采用大背景,非常让人印象深刻。不过大背景设计还是有一个很难解决的问题,就是屏幕分辨率的问题:到底多大的图片作为背景合适?绝大多数网站都照顾到22“显示器,然而,在我的24“的显示器上许多大背景网站都有或多或少的问题。

常见的解决方法有四个,第一就是什么都别做,就放在那里,反正也没有很恶劣的影响,不会导致页面无法阅读。
第二是把图片边缘淡化到与背景色相同,然而这种方案还是会降低美观程度。
第三是把图片边缘做成重复图案,就比如第二个例子,可以将边缘“天空草坪”取出一个1px宽,原高度高的图片反复,然后把背景图片的边缘模糊处理。这种方法不是万能的,比如第一个自然就没法这么处理。
第四是用JQuery或者Flash等等技术来缩放图片,这样可能会造成一定的失真,实施起来也很麻烦。

自从上一个版本起,我就开始走 Minimalism (极简主义) 的路线,我觉得设计师的网页不必太花哨,毕竟有Portfolio可以展示,而且简约的风格更能给人以灵活的印象,绝大多数的客户都不需要非常复杂的设计。

字体

极简主义的风格基本上很少用图像,即使有图像,也大都用于辅助设计。所以字体作为一个非常重要的方面。中文字体真的很少,基本上都会用宋体做正文字体。至于英文字体,选择也不是很多,常用的就6种Web安全字体。
关于中文字体推荐两篇文章(其实两篇文章讨论很多的英文字体,中文字体基本就是宋体和微软雅黑):
1. 默认Web字体样式
2. 再谈 Web 默认字体
关于英文字体,衬线字体(serif)基本上被Georgia垄断,Georgia因为在分辨率较低的屏幕上拥有较好的辨识度而广泛应用,不管是标题还是正文字体。Times (New Roman) 作为打印字体还不错,但是在屏幕上显示非常难看,而且很伤眼。所以基本上没有设计采用Times作为正文字体。曾经Engadget的新设计采用Times (New Roman)作为正文。我第一次看还以为我的电脑出问题了,验证了CSS之后才发现真的是用Times作为正文字体。我觉得这是一个非常失败的做法,后来不知道什么时候Engadget把字体换成Georgia了。
非衬线字体(sans-serif)有Arial和Verdana可以选择。Verdana在小字体的时候显示很清楚,我觉得很适合作为正文字体,但是Verdana为了照顾清晰度,省掉了许多字体设计,所以作为标题来说并不是很好看。就比如说IKEA把Catalog字体从Futura换成了Verdana就非常失败。
英文字体的一个好处就是有许多替代技术,比如SIFR,可以有一个比较完善的能跨浏览器的字体方案,但是中文字体似乎就不行了,毕竟中文字体很大,很难处理。

中庸

我觉得新的设计中规中矩,因为我本来就想把网站变得中规中矩,一些很强烈个人色彩的想法被抛弃,总是有些遗憾的。
让我评价新网站设计,我会说: It’s a rather beautiful website, but that’s it.

截图

P.S. The Big Bang Theory是一部不错的美剧,Yes (Prime) Minister 是一部不错的英剧。

全新的客户支持平台上线

我们很高兴的介绍我们全新的 Customer Support Platform(客户支持平台) (CSP)。这是一个非常有效而且非常实用的工具,可以加强与客户的沟通,提供更好的支持。通过这个平台可以提出修改意见,汇报Bug。

除此之外,这个平台更是一个客户关系管理工具,每一个客户的账户都会被保留,即使项目结束后。对于长期的客户,或者购买持续提升服务的客户,可以更好的沟通和记录。

XOOPS Zen Garden 与 hi,insraq! 合并

Click here to read the English version of the announcement.
XOOPS Zen Garden 和 hi,insraq! 正式合并。合并之后,XOOPS Zen Garden 将成为 hi,insraq!EN,即 hi,insraq! 英文版。XOOPS Zen Garden 原有的资源将整合入 hi,insraq!,而 hi,insraq! 也会将许多中文资源翻译成英文,发布在 hi,insraq!
通过合并,原来的定位不清以及资源分散的问题被解决,高度整合的团队将能够提供更高效的服务。XOOPS Zen Garden 原来的网址(http://zen.xoops.org.cn)将会被转向到 hi,insraq!EN,请记住新网址: http://insraq.com/en

hi,insraq!简介
hi,insraq!创建于2004年,致力于网站设计,UI/UE提升。为WordPress,TextPattern,XOOPS,Joomla,Drupal等等许多CMS设计过风格。

XOOPS Zen Garden简介
XOOPS Zen Garden创建于2006年,是专业的XOOPS风格设计网站,曾经推出过许多大受好评的XOOPS风格。