今天,大多数浏览器已经默认支持Web字体,日趋增多的字体特性被嵌入最新版HTML和CSS标准中,Web字体即将迎来一个趋于复杂的崭新时代.下面是一些基本的关于字体的规则,特别适用于Web字体. 原文地址:creativebloq  译者:特赞Tezign 顺便附上一个神器:<前端工程师的菜!姗姗来迟的中文WEBFONT(附神器推荐)> 印刷字体是静态的,而网页字体却是圆滑可塑的.设计师必须预测跨浏览器及终端用户的最终结果,而不仅限于学习如何实现某种特定的视觉外观.除了掌握简单的规则以外,他们一…

今天看到一些关于web设计的一些建议和设计经验,拿出来分享分享. 第一篇: 提升移动设备响应式设计的8个建议 一.直观性和易用性 在使用移动设备时,对于杂乱.复杂或者不直观的设计造成的混乱不佳的用户体验一般用户是没什么耐心的,这对于双方来说都不是好事.设计师和开发人员一定要牢记,在移动web环境中,动力是一个很关键的因素,漫长的响应时间加上杂乱的界面再加上不给力的移动设备(虽然最新的移动设备一般都很给力,但是如果在同时运行着10个游戏外加开着聊天软件另外网速也不好的情况下呢)就无法保证达到“一般…

每个设计师不时会有创意灵感缺失.大脑一片空白的状态.盯着一个空白的屏幕,发愁着“好吧,我现在该做什么呢?该怎么做呢?”有些人喜欢静待,但这不是唯一的一个方法.焦虑的客户或者是你自己的不耐烦,都会让你无比头痛, 所以我们分享七个积极有效的方法来解决你设计时遇到的灵感枯竭. 这些都是在我们实际工作中总结的,我们认为它们也会对你的设计工作有所帮助. 1. 不要停止设计,即使它不完美 最大的区别在于没有好的想法和没有任何想法.有趣的是,如果你有更多不好的想法,那么更多的压力会迫使你想出好的方案来.在没有…

随着单页式设计和移动端的兴起,网页中的交互设计越来越重要了.为了打造流畅而可靠的用户体验,你需要对交互设计有更加深入的了解. 正如同我们在<交互设计最佳实践(卷1)>中所述,要做好交互设计,需要对多个学科有着深入的了解和熟练的掌控,这也是非常符合逻辑的——你要试图让一系列事物所构成的系统令人感到友好,易于学习并且非常实用,这并不是一件简单易行的事情. 所以,让我们从最基础的交互设计的概念开始,深入了解核心设计原则,并且借助五步设计流程,更好地完成交互设计. 真正优秀的交互设计,是由人情纽带所驱…

你是否曾经下载了一个应用,却发现它“很难使用”?对于大多数智能手机用户来说,答案是肯定的. 有趣的是,每四个手机应用中就有一个应用在下载后被“打入冷宫”. 如果一个应用能够吸引一个人下载并且打开它,但就此打入冷宫,那么我们几乎可以断定,要么就是这个应用真的不是他们所找的,要么就是它只不过是太难用了. 第一个原因是通常因为吸引你下载的信息,例如应用程序的描述.营销资料等.如果你发送了错误的信号,这些信息可能需要进行微调. 第二个原因归结为用户体验… 那么就让我们来谈谈用户体验 什么是用户体验?我们…

不管你是不是一个羽翼未丰企业的领导,专业的网站能为你带来的东西比你想象的多很多.退一万步来说,“考虑到我们是一个小厂”,粗糙的网站也许能被用户理解,但是不一定能接受.每天大家所浏览的大量的网站,已经从头到脚为用户灌输了“一个正常的/好的网站应该是什么样子”的概念. 再进一步.不够好的网站会让用户分心,犹豫,纠结.大家相信大品牌,或者说看起来够专业的网站.如果你所提供的网站无法在几分钟内吸引到他们,就算是失败.用户怎么会在这种情况下突然开始信任你呢? 总而言之,尽量做专业的设计,打磨好每一个微小的…

我们知道手机浏览器的使用量每天都在增长,根据StatCounter的统计数据,手机和平板的使用量约占30%的网络流量,这意味着消费者耗费在移动版网页上的时间比以往任何时候都高.可即使具备诸如移动端优先的响应式设计,由于目前设备尺寸和种类的繁杂,在加载前对终端屏幕进行测试也是压力山大的. 1.在真正的移动设备上测试 在真正的设备上测试手机版网页总是最好的,毕竟模拟器的拟真程度始终是有限的,有些体验的细节无法完全模仿出来.用户体验包含的因素很多,网络的影响,像素密度带来的视觉效果,各种视觉元素的实际…

很多同学问设哥,为什么别人字体就那么随意放一下就辣么好看,其实排版可有大学问,不是随意放就好看.这就如同配色一样,也有千变万化的学问.相信大家看完Designschool这篇头条热文,一定倍有收获. 排版是设计中最重要的组成部分之一,它绝不仅仅是将漂亮的字体放在帅气的背景上这么简单.然而,制作优秀的排版并不容易,雷区遍布,稍不注意就流于平庸.过于抠细节容易忽略整体的设计,过于强调视觉又容易忽视功能性,日常的误区之多难以想象.所以,今天我们总结了排版设计中常见的20个误区,帮你逐个梳理日常设计中容…

编者按:以下内容摘自<美国视觉设计学院之完形设计>,新手可以多看这些法则,并运用到你的设计过程中,防止自己做出甲方式审美的作品. 一.必须有一个概念 设计从创意开始.这可能是非常不确定的——“把这些信息畅通无阻地组织起来非常重要.”也可能是有创意的设想——“如果这些饼干是用小精灵做的,可能味道会更好吧.”没有创意,就没有设计! 二.需要沟通,不需要装饰 我们经常说,形式在功能之后.这意味着两个方面.第一,每一个点.线.肌理.形状.色彩和图像都必须与表现的概念有关.第二,上述每种造型都应有一定的…

现在我们要使用手机上某个应用时,通过点击屏幕上的图标就可以运行.但是对基于HTML的Web应用来说,运行起来就比较麻烦了,用户必须先打开浏览器,然后访问想使用的应用程序站点.现在我们想把一个指定的Web应用绑定到界面上的一个图标,用户通过点击界面上的图标就可以启动对应的Web应用了. 但是不同浏览器对于触碰图标的反应是不一致的.在这里,我们将探索不同浏览器对于点击图标启动的不同反应,从而使点击图标启动Web应用的特性能够覆盖到更多的浏览器.   下载源代码例子(http://pan.baidu.…