Contact Me

Loading Picture...


我自己这个网站也算存在有点时间了,日子久了当然会产生感情。有时候就像自己在网上的家一样,心里有了寄托,每次开浏览器有事没事总要先上自己的博客看几眼,也经常会不断更新网站设计,经常都是改一些小细节,虽然对访客来说也许都不会注意到,但是我自己还是非常乐在其中。昨天晚上又对看久生厌的Footer做了一些更新。

作为一个前端技术很业余很菜的设计师,一直蛮喜欢用CSS Sprite来定义网页的背景、点缀用的icon等。因为用的是比较绝对的位置,相对来说很偷懒,而且把很多图片合并到一起之后从访问来说是减少触发加快速度,从设计制作上来说也方便我管理,毕竟做了这么多年的Windows皮肤,很习惯把各种状态合并到一个psd里。这次在底部的ul列表上也用CSS Sprite加上了小图标。图标是昨天刚画的,纯粹为了好玩,做了几个11像素以下的小图标来点缀。风格上都是白色加淡蓝,然后配上一圈阴影。

Loading Picture...




因为这里的文字对比本来就比较弱,所以索性只把关键字用上白色,方便快速的扫描,同时白色和淡蓝的文字搭配和也图标风格一致。文字上列表项也减少为三个,本来三个代表“Services”、“Contacts”、“See Also”的大图标也去掉了。footer的标题文字加上了白色投影模仿浮雕效果,实现上就是直接在html中用了两层完全相同,但是颜色一深一浅的方式,这样虽然不符合“语义化”,但是对于我这样只是做个个人网站小博客,也从来不立志于重构的家伙来说完全可以接受~呵呵。

另外对于一直很纠结的字体设置,昨天也做了一番变动,现在的font-family是Segoe UI, Helvetica, Arial
Tags:
> > >
dalingtongzi
April 7, 2009 12:54
不知道博主接触过 工业自动化软件组态图形用户界面的设计没有
hmi scada 之类的
比如说显示在监视器工艺流程图 以及单体控制图

一般这些图形用户界面设计都是用在一些工业自动化项目里面的
比如说楼宇自动化监控系统的控制终端的显示屏
比如说高尔夫球场照明系统的控制界面
再比如说污水处理厂运行状态的监控界面
还有就是用在各种生产流水线上的自动化控制总机的控制界面


这种界面不求美观 但求不难看 大方 适用
而且还有一些具体的构筑物和设备机组的描绘
并且 这个界面等于客户对产品(自动化系统)整个认知

但是这些界面(组态画面)一般都是由项目系统工程师绘制
他们关注的是自动化系统本身 对图形界面没感觉 就算想画好也有心无力
而且组态软件本身所提供的绘图工具以及图库 也很简陋
(嗖嗖“组态王”软件的图片就知道了)


一句话 : 目前这种小型自动化的组态画面都很丑  客户们大多不满意 对公司而言也是一个瓶颈



于是我就开始研究界面美化(主要是上网搜  这不 搜到你这儿来了)
但是搜集到的全是些 软件皮肤 按钮 图标 系统主题之类的
都偏向于娱乐和装饰 而失于工业软件的严肃认真

要不就是些怎么做对话框的编程   怎么做滚动条之类
各种控件的代码编写与实现
偏于软件设计与编程实现  而不是软件界面设计
并且都缺乏感觉(简单地说就是搞计算机的 没有感觉)

不知道博主对这方面可知一二?

ps:博主知道 information architecture 么?
JJ.Ying Replied:
工业类的软件接触得比较少,只做过一些医疗方面的X光机操作屏界面。虽然每个行业都需要经验来达到完美,但我觉得从交互和视觉角度来讲,工业自动化软件的界面设计其实没有什么特别之处,让一般的界面设计师来做都能做,只要风格能把握好。关键还是需求方面的问题,更多的公司愿意在UI方面下本钱自然会有设计公司或者个人来做,但如果整个行业都是一样的灰不溜秋的界面那当然比较难在业内找到优秀范例。
      
ds
March 28, 2009 00:14
kidcvs。。cry我的1024x768分辨率很好很和谐捏
      
tj Homepage
March 27, 2009 21:58
友情链接怎么找不到了。
JJ.Ying Replied:
改footer的时候直接复制黏贴忘记改link了,回家以后加上去
      
kidcvs
March 27, 2009 09:15
1024×768以上分辨率看你的网站,其实有点辛苦
JJ.Ying Replied:
是因为太窄了吗?呵呵我在1600上看倒还好,可能是自己的网站看惯了,嘿嘿。
      
ds Homepage
March 26, 2009 13:02
小图标很有意思~
      
Page 1 of 1       1
Add Your Comment (*=required)



Your E-mail: (optional)

Password: (optional)

Remember me
NAME *

URL


MESSAGE *


IconMoon