网页文字界面设计与穿衣搭配经验

2016-02-19 15:47 8 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享网页文字界面设计与穿衣搭配经验,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

      网页设计中的文字设计很重要。俗话说“没有丑女人,只有懒女人”,女人只要舍得花时间琢磨怎么保养打扮,总能够找到方法展现自己美丽的一面。界面设计也是如此,让我们来看看聪明女人的穿衣之道里有哪些做网页界面设计可以借鉴的经验。

  原则一:主色不要超过三种

  不管什么样的衣着都应该有一个主色调,代表穿衣者想彰显的气质,她不可能样样都强调——也许她有安静的一面,犹如蓝色;也可能有调皮的一面,犹如橙色:知性的一面,犹如白色:可爱的一面,犹如粉色……但是她如果把这些颜色同时穿出来,那她除了像只花蝴蝶外将一无是处。这就好比一个页面,它的主要字体和颜色搭配不应该超过三种,他们分别用做:最重要的,比较重要的,一般的。别试图什么都强调,你会到头来什么都抓不到。

  下面举例说明。

  我很喜欢这个网站,可我不得不承认,这个页面看上去的确像只花蝴蝶。

  网页文字界面设计与穿衣搭配经验1_天极设计在线转载

  还有这个,光是首页它已经大量使用至少五种字体,也许设计者觉得字体库里字体那么多,不用很浪费。

  网页文字界面设计与穿衣搭配经验2_天极设计在线转载

原则二:配饰风格要统一,相互呼应

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  如果一位女孩今天应邀参加某时尚晚会,她选了件贴身晚礼服,打算来个华丽丽的登场,你觉得她除了配一双高跟鞋外还有其他什么选择吗?恐怕没了。哪怕她有一双超炫的飞人亲笔签名的绝版耐克气垫鞋很想穿出来秀一下那也好歹要忍住。两件单品风格完全不同,即便都是顶级货,搭在一起也往往是场灾难。

  也许我们会比较注意网页中文本文字的统一性,但是却经常忽略页面的图片中文字的统一性,看看下面的例子,同样是销售折扣商品,当当的商品图片里价格张张标注在不同位置,这实在是很容易扰乱视觉效果,降低信息传达的效率。而亚马逊的则把所有商品折扣标注在统一位置,只用背景色变化来区分折扣高低。把每一个差异化设计都用在有需要的地方。

  网页文字界面设计与穿衣搭配经验3_天极设计在线转载

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

原则三:细节决定成败

  发现没有,一些女孩的打扮看上去很自然随意,感觉像是不经意就穿出来了,但又很是耐看。我敢保证,这样的女孩十有八九是在家做足功课才会出门的,哪件衣服配哪条项链,哪个发型配哪个耳环,甚至是袖子的边是否该卷上,卷上去几分人家都是花心思琢磨过的。这样才能保证把每个细节都做得完美无缺。

  其实很多设计乍一看都还不错,可是细看却感觉糙了些,就像漂亮衣服上扯出毛边一样,等到真正用起来会发现——天!!@¥@#%#¥…%¥&

  只要再多花5个像素留给文字和边框,这个豆腐块就能看起来舒服很多,干嘛不慷慨一点呢?

  网页文字界面设计与穿衣搭配经验4_天极设计在线转载

  如果你胖,那就减肥,可别把自己硬塞进紧身黑裤里。如果文字多空间少,那就删文字,可别把他们堆到狭小的空间。原本只能放下四行字(看左边框内)的空间硬被塞进了五行字,看着真叫一个憋屈啊。

  网页文字界面设计与穿衣搭配经验5_天极设计在线转载

  大多数网站都把宋体设为主要文字显示字体,可是我发现很少有网站注意到宋体用来显示英文是非常不易于阅读的,虽然我们是中文网站,但是随着越来越多的英文单词进入我们的页面内容中,我们为何不多花那一点点力气考虑给英文单独定义一个字体呢?

  网页文字界面设计与穿衣搭配经验_天极设计在线转载

来源:https://www.tulaoshi.com/n/20160219/1610425.html

延伸阅读
透明质感的图形 screen.width)this.style.width=screen.width;"> UI名称:透明质感的图形 播放器的UI screen.width)this.style.width=screen.width;"> UI名称:第一次尝试制作播放器的UI QQ面板之魔兽世界 screen.width)this.style.width=screen.width;"> UI名称:QQ面板之魔兽世界 颜色活泼跳跃的QQ皮肤 screen.width)this.style.w...
这文章讲述了2013年未来的移动APP设计趋势,感觉挺有道理的。wp8的平面界面设计已经取得很大的成功,很多应用也都是采取相同的设计如zaker,还有类似本文要展示的左侧导航菜单右边显示主要内容的设计,通过menu菜单或者左右拖动可以弹出左侧导航菜单,国内的应用有百度新闻、100tv、印象笔记等。个人觉得这样的应用很清新,看起来很让人舒服...

经验教程

900

收藏

46
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部