• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 网页文字设计应该像聪明女孩穿衣服

网页文字设计应该像聪明女孩穿衣服

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含女孩,衣服,聪明,应该,文字,设计,网页,字体,一个,女人等相关知识,佚名 希望在学习及工作中可以帮助到您

  这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方。
  原则一:全身搭配的衣服主色不要超过三种

  不管什么样的衣着都应该有一个主色调,代表穿衣者想彰显的气质,她不可能样样都强调——也许她有安静的一面,犹如蓝色;也可能有调皮的一面,犹如橙色:知性的一面,犹如白色:可爱的一面,犹如粉色……但是她如果把这些颜色同时穿出来,那她除了像只花蝴蝶外将一无是处。这就好比一个页面,它的主要字体和颜色搭配不应该超过三种,他们分别用做:最重要的,比较重要的,一般的。别试图什么都强调,你会到头来什么都抓不到。
  看看下面两个例子:
  我很喜欢这个网站,可我不得不承认,这个页面看上去的确像只花蝴蝶。
网页文字设计应该像聪明女孩穿衣服_微课江湖转载
  还有这位,光是首页它已经大量使用至少五种字体,也许设计者觉得字体库里字体那么多,不用很浪费。
网页文字设计应该像聪明女孩穿衣服_微课江湖转载
  原则二:配饰风格要统一,相互呼应

  如果一位女孩今天应邀参加某时尚晚会,她选了件贴身晚礼服,打算来个华丽丽的登场,你觉得她除了配一双高跟鞋外还有其他什么选择吗?恐怕没了。哪怕她有一双超炫的飞人亲笔签名的绝版耐克气垫鞋很想穿出来秀一下那也好歹要忍住。两件单品风格完全不同,即便都是顶级货,搭在一起也往往是场灾难。
  也许我们会比较注意网页中文本文字的统一性,但是却经常忽略页面的图片中文字的统一性,看看下面的例子,同样是销售折扣商品,当当的商品图片里价格张张标注在不同位置,这实在是很容易扰乱视觉效果,降低信息传达的效率。而亚马逊的则把所有商品折扣标注在统一位置,只用背景色变化来区分折扣高低。把每一个差异化设计都用在有需要的地方。
网页文字设计应该像聪明女孩穿衣服_微课江湖转载
  原则三:细节决定成败

  发现没有,一些女孩的打扮看上去很自然随意,感觉像是不经意就穿出来了,但又很是耐看。我敢保证,这样的女孩十有八九是在家做足功课才会出门的,哪件衣服配哪条项链,哪个发型配哪个耳环,甚至是袖子的边是否该卷上,卷上去几分人家都是花心思琢磨过的。这样才能保证把每个细节都做得完美无缺。
  其实很多设计乍一看都还不错,可是细看却感觉糙了些,就像漂亮衣服上扯出毛边一样,等到真正用起来会发现——天!!@¥@#%#¥…%¥&
  只要再多花5个像素留给文字和边框,这个豆腐块就能看起来舒服很多,干嘛不慷慨一点呢?
网页文字设计应该像聪明女孩穿衣服_微课江湖转载
  如果你胖,那就减肥,可别把自己硬塞进紧身黑裤里。如果文字多空间少,那就删文字,可别把他们堆到狭小的空间。原本只能放下四行字(看左边框内)的空间硬被塞进了五行字,看着真叫一个憋屈啊。
网页文字设计应该像聪明女孩穿衣服_微课江湖转载
  大多数网站都把宋体设为主要文字显示字体,可是我发现很少有网站注意到宋体用来显示英文是非常不易于阅读的,虽然我们是中文网站,但是随着越来越多的英文单词进入我们的页面内容中,我们为何不多花那一点点力气考虑给英文单独定义一个字体呢?
网页文字设计应该像聪明女孩穿衣服_微课江湖转载

您可能想查找下面的文章:

  • 网页文字设计应该像聪明女孩穿衣服

相关文章

  • 2017-08-06通往优秀UI(用户界面)设计师之路的20个路标
  • 2017-08-06Bootstrap3.0学习笔记之栅格系统案例
  • 2018-08-23高手课堂!「按钮系列」之按钮位置与用户体验的关系
  • 2018-08-23通过微信Android和iOS版,看两大系统的差异
  • 2017-08-04jmeter 之SSL篇
  • 2018-08-23提前做好这四件事,帮你快速通过设计评审
  • 2017-08-06js、css、html判断浏览器的各种版本
  • 2018-08-23哈哈哈!设计师专用表情包合集(四)
  • 2017-08-06网页设计时我们应该注意的一些问题
  • 2018-08-23对话腾讯设计师:微信车票背后的设计故事

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 帮你搞清楚用户在瞅啥的眼动追踪是怎么回事?
    • 最棒的9个国外免费图片素材网站
    • 10分钟看懂谷歌语音交互设计规范都讲了些什么
    • 让网页自动调用双核浏览器的极速模式(Webkit)
    • 网易设计师:浅析一种无差异化设计语言和两套通用的设计流程
    • 结合实例,总结画线稿时容易出现的几个常见问题
    • 金三银四求职季,我总结了这份超全面的面试技巧大全
    • 超实用!聊聊移动端跨平台开发的各种技术
    • 滤镜使用之图片透明的css写法
    • 基础小课堂!从零开始教你做高保真原型图+UI 设计规范

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有