Web设计精确点滴 浅谈网页UI之Logo篇 浅谈网页UI之Banner篇 asp.net图片水印效果
2010.08 27
这篇文章说实际问题的,所以不多强调,下面是我总结的一些比较突出的细节问题,而且我一直认为这些问题比较严重,正因为这些都是基本问题,很容易解决的,但把这种忽略养成一种习惯性的“经验”那就“杯具”了,然而这些细节问题也不同程度的代表了你的工作态度。

当对一个位图的大小进行调整后,正常情况下会留下1px的毛边(如果你注意的话),边界会变得模糊,如果继续调整模糊度会加大,这个问题太不起眼了,以至于你无法用肉眼来理绘,我们先用商品图片举例子:
webdesign
也许单张小图还不够显注,下面对比一个列表图和大图,当然了除非你故意想要这种效果。
webdesign
webdesign
webdesign
webdesign
放大2倍后对比
webdesign
放大2倍后对比
webdesign
另外不要试者调整带有边框的图片,最好是自己绘制,这个面两张对比图不用放大就能全面看到问题:
webdesign
2010.08 25
敢死队 The Expendables
  昨天和朋友一起看了敢死队,果然是纯爷们看的,动作非常精致,故事情节很直接,也就是大部分观众所认为的唯一遗憾--“情节老套”,看这部片子我完全是冲着这帮老演员来的,一帮老头子,还这么活沃还这么执着,这一点我就很欣赏了,整部片子看下来让人血脉喷张。
  而且我觉得剧情一点也不“老套”,纯爷们的故事就应该这么“单纯”!看着心爱的女人被打,愤怒的冲击蓝球场海扁6个痞子有什么不可以的,为救心仪的女人于魔掌,带着兄弟团灭整个独裁武装,目的不是为了得到她,只是为了让她重建更好的家园,这有什么不可以的?只是在当今的现实中人们的胆怯、自私、无情、阴险、黑暗才会认为这是不可能的。
2010.08 12
那一天
我不是很喜欢听中文歌,今天很想听一首以前在公园里听过的一首歌,叫“那一天”,原来是一个叫杨坤的歌手唱的,以前我还骂过这个人,说这歌词只有SB才想得出来,今天听起来特别感人,声音也很好听,我自己真的SB了。
2010.08 04
  这句话不知道是不是我的原创(文字,不是理念),我以前经常讲,同时立即得到很多人的反对,认为这个观点不仅拖长设计周期,而且严重浪费成本,由于反对声太多太激烈,在加上有“导师”说:“很多人都反对你的观点就表示你错了”!而且我掌握的都是小规模团队和公司,他们注重的是效率尤其是股东放不开项目进度,我开始有点置疑这个观点,而且困扰了我好长一段时间,后来专门分析了一下,让我重新或更加坚决的坚持这个观点。
web design


1.没有UED团队(不包括曾经呆过UED团队的)的;
2.自己总是对的(包括在和队友合作中);
3.广告、VI、产品或其它设计领域转过来做Web设计的;
4.不重视交互和视觉;
5.无法脱离“临慕”或“拿来主义”者。
排除自身能力之外,在主观上想做到精确到像素而受到外界约束占很大一部分,主要有下面几种:
1.受设计周期限制;
2.非团队主管(或上级)插足;
3.设计者情绪因素;
4.没有规划好;
2010.07 29

  自从UCD、UED的话题最近几年的燃烧之后,企业和单用户都开始重视这些了,国内巨头都开始模仿国外的机构开始重视、打造、甚至炒作自己的UED团队了,先是放出自己团队的办公环境的照片和视频,再推出一些团队的概念产品,现在纷纷开放UED团队的官方Blog,不管他们是否只是为了展示自己公司实力来赢口碑,还是真正重视UED团队,可以肯定的是国内确实有一批非常优秀的UED团队,而且快速的向着更开放、更自由、更注重用户的方向发展。对于独立设计师来说这些团队其中可能还具有一定的争议,但很明显阻挡不了他们主导和引领国内UED的发展趋势。让我们来看看国内走在最前面(应该不过份)的UED团队,看看大师们的风范,虚心的聆听一下他们的教导。

ued

2010.07 16

  上一篇讲到Banner是整个页面中最醒目的元素,也是占用空间最大的区块,而Logo则是代表站个网站乃至公司的形象的,网页中的Logo基本上会出现在整个网站中的所有页面,其重要性不言而喻,现在的Logo越来越具有创意性,越来越简单、干净、直接等,但这并不影响网站形象,这是互联网潮流趋势和设计理念的动向。好的Logo可以直接代表了网站的灵魂,甚至延伸致产品、文化、精神、理念等,好的Logo也刻画出作者的风范,甚至能体现出蕴藏在作者心中的寄托和心血。怎样才能设计好网站Logo不是在这里能说清楚的,让我们先看看现在比较流行且比较成功的例子,并向大师们致敬。

1.纯文字
最直接的表达方式,不作修饰和掩盖...

logo_1

2.文字加点缀
洁简的文字加上创意的矢量图形点缀...这类风格Logo使用最广泛。

logo_2

2010.07 11

  下午和非常好的一个朋友去公园划船,因为朋友喜欢运动,所以租的是用手划桨的船,刚一上船就有奇怪的事情发生了,有MM开始议论我们了,“两个大男人也来划船”?我们互相笑了一下,又过了一会儿,又来几个MM主动和我们打招呼说话,勿庸置疑这不是“魅力”而至,而是我们引来了异样的眼光,她们可能认为我们划的不是船,是寂寞!不过我们很淡定的望着她们笑了一下,唉....哥划的真的是船,不是寂寞......

lonely

2010.07 07

  关于网页UI,UE之类的论点文章网上太多了,更多大师将这些大师分析到极致,无论是开发领域还是设计领域,这些真正的大师所发表的文章都从不卖弄自己,更多的分析而无私的供献自己的独道见解,他们所写博文与其它政治、娱乐、商业等领域所发表的博文完全不同类型,我不是大师,但我很崇拜大师。

  一个页面最醒目最吸引用户的应该是Banner了,尤其是Web2.0平台Banner显得更突出,Banner主要体心意旨,形象鲜明的展示所要表达的内容。因为它醒目,所以放一个很糟蹋的Banner上去效果也当然“醒目”了。因此网页Banner设计在这里起到了至关重要的作用,特别是首页的Banner,直接决定了用户的停留,下面让我们通过大量优秀的案例进入Banner,走进大师们的灵感世界。


1.大面积的Banner

Banner_1.jpg

http://www.tearoundapp.com/
这个Banner非常直接的采用了一个很大的iPhone图片,用户几乎不用思考的就知道网站的大概内容,而且加上与产品类似风格的功能按钮直接展示了部分功能,大的Banner最直接最醒目,处理也最需要谨慎,否则事关功倍。

例其它类似Banner

Banner_2.jpg

Banner_3.jpg

Banner_4.jpg

2.文字与图片1/2比例

Banner_5.jpg

2010.05 31

  今天在用WPF做自定义滚动条的时候发现一个有趣的问题,足足困扰了我2个小时,在给滚动条的上下翻滚按钮添加事件特效时,居然IsPressed事件外观无效,源代码如下:

<ControlTemplate.Triggers>
  <Trigger Property="IsPressed" Value="true">
    <Setter TargetName="path" Property="Fill" Value="{StaticResource PressedBrush}" />    
    <Setter TargetName="path" Property="BitmapEffect" Value="{StaticResource mousedown}"></Setter>
  </Trigger>
  <Trigger Property="IsMouseOver" Value="true">
    <Setter TargetName="path" Property="Fill" Value="{StaticResource HorizontalNormalBrush}"></Setter>
    <Setter TargetName="path" Property="BitmapEffect" Value="{StaticResource mouseover}"></Setter>                           
  </Trigger>  
</ControlTemplate.Triggers>

  起初认为是IsPressed不起作用,再次给IsPressed添加一个不同对象的事件属性:

<Setter TargetName="Border" Property="Margin" Value="5"></Setter>

2010.05 15

  利用IIS7自带内裤管理IIS现在变的更强大更方便,而完全可以不需要用DirecotryEntry这个类了,Microsoft.Web.Administration.dll位于IIS的目录(%WinDir%\\System32\\InetSrv)下,使用时需要引用,它基本上可以管理IIS7的各项配置,这个内裤的主体结构如下:

C#操作iis7

这里我只举几个例子说明一下基本功能,更多功能请参考MSDN。

string SiteName="newsite"; //站点名称
string BindArgs="*:8081:"; //绑定参数,注意格式
string apl="http"; //类型
string path="e:\\website"; //网站路径
ServerManager sm = new ServerManager();
sm.Sites.Add(SiteName,apl,BindArgs,path);
sm.CommitChanges();

分页分页:2
Copyright © 2005-2012 Wenqi's blog All Rights Reserved.