Question to say "I can!"
  • 让WordPress字体在各平台有较好的显示效果

    2015-05-23

    来自:从良未遂——让WordPress字体在各平台有较好的显示效果

    以前,一个主题用久了就会因为审美疲劳而换掉,看着新换上的主题闪闪发光,觉得自己做了一个英明的决定。换主题的想法前几天又冒出来了,这次与审美疲劳无关,紧紧是因为O-Connor主题在Mac的字体实在是不堪入目。在一根筋模式下,几经折腾,终于买了一款还不错的主题。对比过这两款主题,就美观实用来看,还是O-Connor好,但是新买的主题无论在Win下还是Mac下,字体现实都很平滑细腻。昨天突然惊醒:我换个字体不就好了,为什么要换主题呢?

    科学上我把我上面的思维模式高度概括为一根筋。博友们的共同观点是,经常折腾主题是新手所为,是不成熟的表现。虽然我不是高手,但是为了装成熟,我决定修改字体属性后继续使用O-Connor。

    修改内容:把原有css里body内容

    body{font:14px/1.5 arial,SimSun,serif;font-size:0.875rem}

    改为以下内容:

    body{font-family: "Classic Grotesque W01","Hiragino Sans GB","STHeiti","Microsoft YaHei","WenQuanYi Micro Hei",Arial,SimSun,sans-serif;font-size: 14px;font-size: 0.875rem;overflow-x: hidden}

    对比发现,修改后的代码重新声明了字体的属性,具体如下:

    1.对于英文字符,首先查找Helvetica(Mac),然后查找Tahoma(Win),都找不到就用Arial(Mac&Win);若是以上三者都缺失,则使用当前默认的sans-serif字体(操作系统或浏览器指定);

    2.对于中文字体,首先查找华文细黑(Mac),然后查找微软雅黑(Win),然后是宋体(Win),黑体(Mac&Win,用作Mac的fallback);同理,若是以上三者都缺失,则使用当前默认的sans-serif字体。

    这样声明考虑到了字体的显示名称和字体文件的名称的关系,也考虑到了英文字体,并且英文字体应该在中文字体之前的重要性,当然,肯定也照顾到了不同的操作系统。

    Windows, Mac OS, Linux 家族等常用操作系统里的系统字体字体渲染效果差异很大。如果没有缺失字体,正常情况下这样声明 Windows 使用Tahoma+微软雅黑,Mac OS 使用Helvetica+华文细黑。而Linux,因为文泉驿微米黑的质量也没有绝对优势,加之 Linux 各发行版的情况非常复杂,所以或许不指定字体最好。

    作者:admin | Categories:设计问题 | Tags:
  • 移动端最佳字体

    2015-02-11

    来自:Fatesinger——移动端最佳字体

    body {
        font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    }

    iOS 4.0+ 使用英文字体 Helvetica Neue,之前的iOS版本降级使用 Helvetica。

    中文字体设置为华文黑体STHeiTi。

    需补充说明,华文黑体并不存在iOS的字体库中(http://support.apple.com/kb/HT5484?viewlocale=en_US), 但系统会自动将华文黑体STHeiTi兼容命中系统默认中文字体黑体-简或黑体-繁:

    Heiti SC Light 黑体-简 细体
    Heiti SC Medium 黑体-简 中黑
    Heiti TC Light 黑体-繁 细体
    Heiti TC Medium 黑体-繁 中黑

    原生Android下中文字体与英文字体都选择默认的无衬线字体。

    4.0之前版本英文字体原生Android使用的是Droid Sans,中文字体原生Android会命中Droid Sans Fallback。

    4.0+ 中英文字体都会使用原生Android新的Roboto字体。

    其他第三方Android系统也一致选择默认的无衬线字体。

    作者:admin | Categories:设计问题 | Tags:
  • 微信公众平台底部个性签名应该如何设置?

    2014-10-26

    其实,这个是无法设置的,平常我们在一些微信号发的文章底部看到的介绍如何关注本微信及分享的方法都是他们事先做好的一张图片或者一段话,然后在发图文消息时加到底部的。

    我的个性签名是这样设计的:

     

     


    每日一语:

    有些事,明知是错的还要去坚持,因为不甘心;有些人,明知是爱的也要去放弃,因为没结局;有时候,明知路没了却还在前行,因为习惯了。


    阅读·累积·思考

    左岸读书 微信号:zreading

    欢迎点击标题下方的“左岸读书”或微信搜索关注

    作者:admin | Categories:设计问题 | Tags:
  • 怎样做出更加逼格(优秀)的PPT作品(下)

    2014-10-23

    书接上回

    阅读原文

    三、字体选择(字体部分分享内容参考了“許瀚文”在知乎的回答,同时推荐给大家)

    重点分析锤子、魅族和小米的发布会PPT字体选择优劣分析。

    1.魅族:华文黑体+Gill Sans

    分析:

    华文黑体受传统中国书法美学的影响,结构外弛内张,构成的字体感觉传统儒雅,而且充满人性。

    相配的Gill Sans是英国街头上最常见的拉丁字体。

    貌似,华文黑体跟Gill Sans像是绝配,但是,一拼之下,却有太多问题令两者不配合。

    汉字的结构,无论简体或繁体,都要比拉丁复杂。要进行视觉补偿的话,汉字必要比拉丁略轻才合乎视觉原则。

    从图中所见,Gill Sans的字重明显比汉字要轻。造成的错视会令拉丁看上去比原来的更轻。

    感觉难免显得软弱无力,像在讲台上轻声说话一般,不适合放在公众演讲中使用。

    2.锤子:方正粗黑宋

    分析:

    方正粗黑宋本身只是一款风格突出的美术字体:

    笔画粗重,分量感十足,但也会让人觉得笨重。有黑体之稳定,没黑体的清晰;有宋体的变化,但变化缺少灵气。一款很奇怪的字体。

    但是,这款棱角分明的字体,其革命气质很符合罗永浩的气质。

    3.小米:方正兰亭黑

    分析:

    兰亭黑给人感觉现代、轻松,并不如华文黑体般传统、硬朗,风格相对适合国内的新科技产品发布。

    从图片看,设计非常棒:

    首先“19亿元”的粗度一流,设计师选好适合大标题用的粗度,达到视觉上震撼的效果。不同字重构成的“层级”效果也显著,看者能够明显分出三种不同层级,从“标题”、“内容”到“注脚”的分野明显,可读性十分高。

    如果说以上内容过于专业,咱们来点通俗的帮助大家理解(截图来自《庞门正道》):

    问:如果是制作《参与感》读书笔记PPT,你会选择什么样的字体?

    我的答案是:选择方正兰亭黑,而我为了凸显“比逼格更有逼格”,最终选用了方正兰亭纤黑字体。

    四. 常用的排版:

    提起排版,我个人的观点是:

    在全图型PPT中,把前面三个元素做出彩了,排版即使是最简单的基本排版,整个PPT也不会丢分。

    下面,我们一起来总结一下在全图型PPPT中常用的排版:

    1. 左右布局

    等比例的左文右图/左图右文

    非等比例的左右布局

    2.上下布局(也包括等比例和非等比例)

    3.关键字

    全图型PPT文字较为忌讳多文字,一定要精炼,反复提炼;

    举例:

    该怎么修改?

    我处理的方式是分成三页,一页只讲一个主题,形成三轮冲击:

    类似的处理方法在小米发布会中随处可见:

    4.画中画

    最后,我们一起回顾本次分享的内容:

    作者:admin | Categories:设计问题 | Tags:
  • 挪威钞票设计,打的一手好码啊!

    2014-10-23

    看到时,惊呆了,这样也可以!

    文章来自顶尖文案TOPYS,微信号:topyscn

    原文:最疯狂钞票设计,挪威人打的一手好码啊!

    正文:

    北欧设计向来跑赢全世界,只因他们从意识到概念都走在别人前面。

    早在今年春季,挪威中央银行围绕新版克朗的设计权开展了一次比赛(这都可以公开招募!挪威政府我敬你一杯)。挪威人依海而居,不管是捕鱼,当海盗都离不开海,钞票的设计自然也围绕海洋展开。最终,因有两组作品难分伯仲,官方决定一个做钞票正面另一个做反面。

    老版的挪威克朗,中规中矩。

    获选的钞票正面由插画公司The Metric System设计,主题The living spaces,选取了挪威各地的生活场景。朴实不浮夸的构图赢得了评审们的一致肯定,充分表达出挪威文化与美丽景色。终于可以告别人头了。

    再来看看建筑事务所Snøhetta设计的背面。主题:the beauty of the boundaries海岸线之美。Snøhetta 的设计师介绍说,“我们希望找到一个元素来代表海岸线,而其它所有的景色都与之相连”——于是就有了天地混沌一体的马赛克。更专业点说,这叫做“涟漪效益”像素化处理。

    据说面额越大涟漪越大,马赛克最后也变成大直线,是在暗示你花钱如流水么XD

    好险,差点以为是假币给扔了!网友评:幸好是挪威,如果日元打马赛克就不敢看了。

    最终,你做初一我做十五,正反面的效果是这样:

    马赛克不懂没关系,翻过来就是华丽丽的实景图。

    再来看两个落选作品。

    告示上有写5岁以下儿童不得参赛吗?

    我还年轻还想多花几年钱,化石的寓意是不是不太好?

    新货币将在2017年初发布。挪威克朗和人民币汇率差不多1:1,喜欢的可以到时候兑一套来收藏。

     

    尾巴阅读


    敢拿钞票开玩笑的设计本来就不多,挪威这次也算豁出去了,编排完这篇稿件小编又忍不住跑到原文去赞了一个~

     

    作者:admin | Categories:设计问题 | Tags:
  • 关于Window平台的画图工具

    2014-10-22

    文章来自heidi格物志——关于Window平台画图的工具的分享,他的好多文章很有趣,喜欢的人可以多关注,多阅读。

    看到有一个同学通过“向我提问吧”提问:

    看到你用Keynote画的图太可爱了,可是我没有Mac,也没有Keynote,Windows系统是否有类似的画图工具可以推荐?

     

    如果你手绘基础好:

    1. 买个WACOM压感板,大概700元,搭配PHOTOSHOP或专门的绘图工具,就可以打造纯手绘的风格插图。

    2. 买个SUMSUNG的NOTE 10.0 平板。自带绘图笔SPEN,以及SNOTE软件,可以画出很可爱的手绘风格,比如下图这种就是用这个画的:

    这个工具画好后,可以导出图片或PDF,然后在别的地方用。

    3. 还可以用IPad上的一个叫paper by 35的App直接用手指画,比如下面这张,这个工具就是因为iPad不是电容屏,无法支持笔尖比较细的触屏笔,所以画起来比较抽象:

    4. 或者,你还可以用笔和纸加扫描。比如下面这张,就是我用纸画好了扫描的:

     

    如果你手绘基础不好(和我一样):

    1. 画手绘风格的,可以用原型工具:http://balsamiq.com/products/mockups/,类似这样的(他们官网上,非HEIDI出品):

    2. 其实也可以用很多其他工具,做非手绘风格的各种图,如https://cacoo.com,下面这张图就是我用cacoo.com做的。

     

    3. 其实,PPT是我在window系统里最常用的画图工具。没有Mac之前,我不知道用它画了多少图。

    其实也很好用,只是没有我喜欢的手绘笔触罢了。但是PPT 2013版本有一个图形编辑功能很强大——可以合并图形、裁切和交叉,所以可以用来画各种图标。下面这几张,都是用PPT画的:

     

    还有这:

     

    还有:

     

    还有:

     

    一句话,关键的问题是你怎么视觉化、可视化去表达,而工具不是问题。

    作者:admin | Categories:设计问题 | Tags:
  • PPT技巧:带背景复制方法

    2014-10-21

    做课件的时候,有时需要从别的PPT复制某一张幻灯片到本PPT中,但是复制过来的那一张幻灯片背景会自动跟随前一张。当然,你可以手动再改到原来的背景,但是如果幻灯片数量多了,改起来就很麻烦了,而且有时候是没有办法改为空白背景的(如果复制的幻灯片原来就是空白背景的话)。怎么办呢?

    这时候,我们可以采用插入法来解决这个问题:

    插入——幻灯片(从文件)——搜索演示文稿——浏览——打开别的PPT后,可选择全部插入(插入该演示文稿中的所有幻灯片)也可选择单张(Ctrl或Shift键)—— 选中保留源格式复选框(如果不选,则跟随前一幻灯片的格式)——OK,搞定!

    作者:admin | Categories:设计问题 | Tags: