DSS Times | 梦海剑时代 http://www.dss-design.com/blog Design for Dream Tue, 02 Mar 2010 11:06:27 +0000 http://wordpress.org/?v=2.8 en hourly 1 我的2oo9 (2009.3-2010.3) http://www.dss-design.com/blog/393.html http://www.dss-design.com/blog/393.html#comments Tue, 02 Mar 2010 10:50:00 +0000 DSS http://www.dss-design.com/blog/?p=393  

2009对于我来说是不寻常的一年。有许多全新的经历，深切的感触。这些天入睡之前细细的回味了这一年中的点点滴滴，这里整理整理思绪:

—– 事件为线索 —–

修完大学本科期间所有的学分 
虽然没挂科，不过GPA只有3.0 

两个月的实习生活 
体验了一下现代白领坐办公室的生活 

终于去了趟首都北京 
首都之行很华丽啊也很奢侈…

保送本校的研究生 
算是意外吧，本以为就快要结束大学生活了

独自在上海生活 
第一次离开家离开父母这么长时间 

作为股东与朋友在上海成立公司 
做出这样的决定不容易，感谢父母的支持和朋友的努力 

通过ICAD认证 
满足一下自儿时对美术的热爱

学会烧菜做饭 
生活所迫 – - 不过其中还是蛮有乐趣的 

进驻wow台服 
希望能早日面对巫妖王，找到当年与战友挑战伊利丹的那份感触 

学会三国杀桌游 
这玩意一年多迅速走红，得会 

网球与羽毛球水平有所提高
各种球类运动我都算能凑个数，这年里主要精进了下网球与羽毛球

—– 地点为线索 —–

华银大厦写字楼某办公室 
工作时间很安静很严肃，中午休息时间就聊翻了~ 

国家大剧院 
视觉与听觉的盛宴，如果经济与时间都允许绝对值得进去看一场演出 

coffee bean 
帮朋友的朋友弄笔记本，在里面坐了一下午。弄电脑的同时也感受的下上海商业洽谈的氛围

上海地铁 
上海地铁里的人们活动很丰富。Nokia PSP iPhone… 

交大闵行校区图书馆 
在同学的同学带领下逛一圈，燃起了我对大学图书馆的向往(之前我还没真正进过武大的图书馆，惭愧啊~) 

复旦光华楼 
楼前散布着正在充分沟通与交流的各国人群，不知道武大哪里也能看到这种景象… 

自己的办公室 
虽然小，但东西都是自己亲手布置的，亲切~ 

一风阁 
参加了一次VISION视觉游池的活动，体验了下艺术界的交流 

上海住所 
很偏僻的一个地方，出来交通不方便，其他都还方便 – -

人民广场 
算是上海的中心地带吧，每天上下班的时间段人民广场地铁换站的景象是很壮观的 

某桌游室 
这里我学会了三国杀。周末的时候在这里杀杀还是蛮不错的选择

—– 遗憾的事 —–

没谈过恋爱 
都说大学期间没谈过恋爱是人生一大遗憾，估计我就要遗憾了~

没去成昆明 
由于感冒加上时间很紧没能按原计划和TP去昆明

GRE考丢了 
英语对以后工作学习都至关重要，还得多多努力提高英语水平

—– 2010的目标 —–

学会开车 
估计再过一个月的样子就能拿到驾照了，以后可以向大家提供免费运载服务了

完成毕业设计 
学士学位最后一步了~

昆明or九寨沟之旅 
以前没去成的地方今年希望能补上

发展公司业务 
新的一年里希望公司的业务能渐渐发展开了

精进技术 
身为学生现在还是要以学习为重，望通过不断学习与实践，技术水平能有所突破

]]> http://www.dss-design.com/blog/393.html/feed 2 创冀公司名片设计 http://www.dss-design.com/blog/385.html http://www.dss-design.com/blog/385.html#comments Thu, 21 Jan 2010 10:10:44 +0000 DSS http://www.dss-design.com/blog/?p=385 色彩：蓝 白 灰

字体：方正粗倩 黑体 Arial

构思：正面左蓝右白对比，易于体现公司标志和名片信息；背面白底蓝字突出标志，提供公司主营业务信息

创冀公司名片正面

名片正面

 

back

名片背面

]]> http://www.dss-design.com/blog/385.html/feed 1 CSS3简单解决文本溢出隐藏加省略号以及文本单行多行控制 http://www.dss-design.com/blog/376.html http://www.dss-design.com/blog/376.html#comments Sun, 17 Jan 2010 06:39:11 +0000 DSS http://www.dss-design.com/blog/?p=376 做网站UI的时候经常会遇到一个文章标题的长度超出了设计的宽度。CSS2时代的解决方案往往是通过服务端限制标题长度或通过overflow: hidden来生硬的隐藏多出的文本。CSS3时代的到来给我们了更加简单方便的解决方案。

text-overflow: ellipsis; //实现文本溢出隐藏并在结尾附加"..."
white-space: nowrap; //实现禁止文本自动换行

效果图：(Chrome浏览器新标签页的界面中就运用到上面代码中的css属性)
CSS3 text-overflow

这样一来上面提到的问题就能很轻松的解决了！
目前浏览器对CSS3的支持还很有限。所以上面的方法只使用性有限。
期待CSS3时代的全面到来吧~

]]> http://www.dss-design.com/blog/376.html/feed 1 几款富有创意的平面广告设计欣赏 http://www.dss-design.com/blog/352.html http://www.dss-design.com/blog/352.html#comments Wed, 16 Dec 2009 13:03:48 +0000 DSS http://www.dss-design.com/blog/?p=352 一个极富创意的广告往往能给人留下深刻的印象。下面是一些比较精彩的广告设计供大家欣赏，感受一下创意的魅力！

p_large_nOas_280100012aae2d12
环境保护公益广告，地下城市
p_large_FW2F_280100012ab92d12
环境保护公益广告，绿肺
p_large_z0dd_280100012ac62d12
照相机的广告，捕捉动态景象的能力
p_large_ZhTf_280100012aa72d12
公益广告，吸烟 = 自杀
p_large_tH4F_28010001299e2d12
球服的广告
p_large_H48v_2801000129982d12
禁烟类公益广告
p_large_ClGi_28010001296f2d12
菜刀的广告
p_large_wKqd_2801000129bf2d12
沐浴露的广告
p_large_KYc8_27ff00009a612d12
KFC的广告
p_large_xnei_2801000129a62d12
头发护理产品的广告

]]> http://www.dss-design.com/blog/352.html/feed 3 国外几款简历设计欣赏 http://www.dss-design.com/blog/340.html http://www.dss-design.com/blog/340.html#comments Wed, 09 Dec 2009 03:03:17 +0000 DSS http://www.dss-design.com/blog/?p=340 如今大学生的就业压力越来越大。大家都会绞尽脑汁想尽办法提升自己在公司应聘中的竞争力。简历常常作为应聘中的第一块敲门砖，应聘者也会花较多的经历在制作一份精良的，可以给HR留下深刻印象的简历上。下面是一些国外简历的设计作品，供大家参考和欣赏：

p_large_4VTy_5b0a0000905a2d10p_large_59z9_5b0c000190442d10p_large_kaLO_5b0e0003695f2d10p_large_sJqO_5b0c0001906b2d10p_large_WxoL_5b0e000369752d10p_large_ZmiI_5b0a000090532d10

]]> http://www.dss-design.com/blog/340.html/feed 2 DSS的设计站更名为DSS TIMES http://www.dss-design.com/blog/305.html http://www.dss-design.com/blog/305.html#comments Tue, 01 Dec 2009 10:48:33 +0000 DSS http://www.dss-design.com/blog/?p=305 最近一段时间一直在对网站的一些设置和内容进行调整。最主要的改动有将网站名更改为DSS TIMES，更换了网站的logo为logo，增添了主目录的访问界面为：


其他一些对网站的修整有：
1. 优化了new标签。现在可以自动根据文章发布的时间和当前的时间将最近一个星期之内发布的文章置上new标签
2. 文章列表信息中增加了文章的浏览量显示
3. 页面底部增加了PR指显示框
4. 边栏增加了Cumulus形式的TAG显示
5. 添加了Contact信息，若想跟DSS联系，可以通过底部的站内链接访问
6. 文章的浏览页面增加了相关文章列表
7. 去除了原来对IE6以及之前版本浏览器完全禁止，改为浏览器更新提示
8. 去除了原http://www.dss-design.com向http://www.dss-design.com/blog/的跳转，改为展示图片和入口链接形式

网站还有一些地方有待完善，DSS会不断努力将网站做大做好~

]]> http://www.dss-design.com/blog/305.html/feed 2 世界最高的摩天大楼“迪拜塔”基本建成 http://www.dss-design.com/blog/293.html http://www.dss-design.com/blog/293.html#comments Sat, 28 Nov 2009 03:14:38 +0000 DSS http://www.dss-design.com/blog/?p=293 记得初中的时候在Discovery中就看过”迪拜塔”相关工程的介绍。今天看到消息说世界最高的摩天大楼”迪拜塔”基本建成。赶紧去网上搜了下图片来膜拜下。
世界上最高的人造建筑物——“迪拜塔”(高度达818米，楼层数量超过160层)
24588444

真不知道在顶层环顾四周是一个什么感觉，好想有朝一日去体验下~

]]> http://www.dss-design.com/blog/293.html/feed 1 用E-Mail Icon Generator生成自己的邮箱图标 http://www.dss-design.com/blog/289.html http://www.dss-design.com/blog/289.html#comments Fri, 27 Nov 2009 13:54:09 +0000 DSS http://www.dss-design.com/blog/?p=289 在网上发布自己的邮箱地址时，越来越多的人会采取替换字符或用图片来取代等方法来保护自己的邮箱信息不被别人恶意获取。其中图片替换的方式最为安全，不过需要制作图片，并提交到网络上。
不过目前已有许多网站免费提供这种服务，在线生成邮箱图标。这里推荐一个网站：
http://services.nexodyne.com/email/
这里输入你的邮箱信息会很快的得到一个精美的邮箱图标，里面有许多设置好的常见邮箱，制作这类邮箱时会用一些代表性的标志元素加入到邮箱的图标中。制作完成之后会提供给你一个该图标的固定URL，以及文件的下载。
gmail icon
这就是制作出来的一个Gmail的图标。不错吧~ 快去试试吧~ 以后发布自己的就邮箱就不用愁了。

]]> http://www.dss-design.com/blog/289.html/feed 0 影像整理-上海&杭州 http://www.dss-design.com/blog/241.html http://www.dss-design.com/blog/241.html#comments Mon, 23 Nov 2009 14:59:11 +0000 DSS http://www.dss-design.com/blog/?p=241 十一期间爸妈来上海陪我，这段时间我们三人挤在一个10平米的单间里，想起来还是蛮有趣的~ 除了看上海的人头，还去了趟杭州。之前一个多月把照的像陆陆续续整理了一些，搁置了着一直没放到这里来。今天趁着还有点工作的势头终于能在这里发布一下了~

IMG_0838IMG_0945IMG_0815IMG_0932IMG_0922IMG_0846IMG_0899IMG_0851IMG_0860

]]> http://www.dss-design.com/blog/241.html/feed 0 ChuangJi | 创冀 主页界面 http://www.dss-design.com/blog/234.html http://www.dss-design.com/blog/234.html#comments Mon, 23 Nov 2009 14:34:50 +0000 DSS http://www.dss-design.com/blog/?p=234 花了2天的时间终于把我们公司的网站的主页做好了，这里分享下制作过程中的体会：
1. AI可以将平面图很迅速的处理成效果不错的立体图
2. jQuery是一个很实用的JavaScript工具。许多特效都可以通过导入一个很小的文件(jQuery.js)
PS: jQuery的作者将这个文件里的代码都挤到一起，无法阅读。不知道这个牛人是什么想法…
3. IE和NN这两类浏览器还是很纠结，希望有朝一日能不用考虑浏览器的兼容性问题

这里简单罗列几条比较常见的兼容性问题
1. IE6以及之前的版本(后简称IE6)不支持png,gif具有透明像素文件，会以浅蓝色替代透明区域
2. IE6不支持非a标记的hover,click等一类属性
3. IE6以及IE7对一些字体具体呈现出的大小与NN有所差异
4. IE6对一些元素的定位标准与NN不同，position:absolute; float:left;等一类的属性使用时要注意
还有许多兼容性问题，以后再慢慢整理

下面贴一张创冀主页界面的效果图：

chuangji_webui

]]> http://www.dss-design.com/blog/234.html/feed 0