本篇文章給大家談?wù)勅∶止P畫按照什么字典字體,以及起名字筆畫大全的知識點,希望對各位有所幫助,不要忘了收藏本站喔。
怎樣才可以在網(wǎng)頁中更好地展示簡中、繁中、英文等內(nèi)容?或許我們可以從字體維度入手。在本篇文章里,作者就對簡、繁、中網(wǎng)站里,字體應(yīng)該如何定義這件事兒做了經(jīng)驗總結(jié),一起來看看吧。
有一次 showcase 中,研發(fā)實現(xiàn)的界面,和設(shè)計稿的界面字體不一致,研發(fā)實現(xiàn)的看起來丑丑的,被吐槽,結(jié)果研發(fā)說為了保證效果一致,以后設(shè)計稿按照實現(xiàn)的字體來設(shè)計????(問號臉)
其實就是因為網(wǎng)頁設(shè)置的 font family 中中文字體沒有優(yōu)先選擇蘋方字體,而設(shè)計稿中使用的是蘋方字體。還有自重,部分字體在 web 中使用 500 依然是 regular,沒有被加粗。導(dǎo)致實現(xiàn)結(jié)果和設(shè)計稿不符合。
為了使簡中、繁中、英文在網(wǎng)頁中展示效果更好,所以決定對每一個語系的字體重新定義。
一、了解網(wǎng)頁上字體展示機制排版引擎首先會根據(jù)產(chǎn)品內(nèi)定義的font-family順序展示。當沒有指定font-family或者設(shè)置的font-family無效時,會繼續(xù)查找瀏覽器設(shè)置的字體(不同瀏覽器的默認字體可能不同)。當瀏覽器未設(shè)置字體時,就會尋找操作系統(tǒng)默認字體展示。
由于英文字體不支持中文字體的展示,所以在font family中可以先設(shè)置英文,再設(shè)置中文。中文字體是支持中文簡體和中文繁體的,所以如果要區(qū)分中文簡體和中文繁體的話,還需要配合lang一起設(shè)置(實現(xiàn)的部分可以找研發(fā)一起討論)。
操作系統(tǒng)的規(guī)則是什么?操作系統(tǒng)會根據(jù)不同的語言選擇對應(yīng)的字體。比如“Hello”,則會使用默認的英文字體。但是當內(nèi)容無法判斷語系,比如“直接”(簡中和繁中相同),則會根據(jù)系統(tǒng)默認設(shè)置的語言來展示。如果系統(tǒng)默認語言是繁體中文,則“直接”會選擇系統(tǒng)默認的繁體字體來展示。
可得出結(jié)論:
在font family中先設(shè)置英文,再設(shè)置中文。繁體和簡體單獨設(shè)置。
字體最好選擇系統(tǒng)默認或者系統(tǒng)預(yù)裝字體。
二、了解系統(tǒng)默認字體字體相關(guān)詳細參考文章:
https://segmentfault.com/a/10417
字體需使用無襯線字體,無襯線字體筆畫粗細一致,閱讀性更好。
不同字重的視覺效果需簡潔清晰。
為了保證蘋果系統(tǒng)中使用更優(yōu)雅的中文字體,優(yōu)先聲明蘋方字體, 對于不支持蘋方的低版本macOS,再使用Hiragino Sans GB(冬青黑體)字體。蘋方字體的中文是 PingFang SC,繁體是PingFang TC。
如果需要兼容Linux系統(tǒng),還需要添加WenQuanYi Micro Hei(文泉驛微米黑)字體。
如果需要兼容不同平臺的表情符號,一般在sans-serif后添加”Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, “Noto Color Emoji”等字體。
為了保證windows系統(tǒng)中優(yōu)先使用視覺效果更好的字體,先使用Source Han Sans SC,再使用微軟雅黑。windows 中繁體可以使用微軟正黑Microsoft JhengHei。
結(jié)論:
① 中文簡體
PingFang SC,Hiragino SansGB,Source Han Sans SC,Microsoft YaHei
② 中文繁體
PingFang TC,Microsoft JhengHei
字體需使用無襯線字體,無襯線字體筆畫粗細一致,閱讀性更好。
不同字重的視覺效果需簡潔清晰,易閱讀。
單行文字時,文字需劇中。
數(shù)字展示上需簡潔清晰。
mac 優(yōu)先使用 Helvetica Neue,再Arial。
Arial 也同樣屬于windows的默認字體。
結(jié)論:
英文:Helvetica Neue,Arial
四、關(guān)于字重可以看出所選字體中:
字重是 Light 時對應(yīng) font weight 300(個別字體沒有Light 字重);
字重是 Regular 時對應(yīng) font weight 400 或 500;
字重是 Medium 時對應(yīng) font weight 500(個別字體沒有Medium字重);
字重是 Bold 時對應(yīng) font weight 600。
若實際要求只需區(qū)分正常 regular 和加粗的效果,可以直接定義 400(regular) 和 600(Bold)。
五、關(guān)于字體版權(quán)Mac os,打開字體冊。選中字體后,查看字體詳情可以看到版權(quán)許可信息。
比如圖上微軟雅黑,總結(jié)一下這句話的重點就是如果你要嵌入到系統(tǒng)中,那就是侵權(quán)的。還看了其他選擇的字體,基本上都是一個意思。所選字體的幾乎都是需要版權(quán)許可的。
那為什么其他產(chǎn)品都使用了 font family 卻沒有版權(quán)問題呢?
其實font family的使用機制是通過瀏覽器從用戶的電腦中獲取,該字體版權(quán)已經(jīng)在用戶的電腦里了,屬于用戶所有,網(wǎng)站只是給字體做了聲明,建議瀏覽器使用那種字體渲染網(wǎng)頁,不涉及侵權(quán)。
而通過font-face的方式實現(xiàn)的話,等于是把字體包放入項目文件內(nèi),若字體未經(jīng)許可就會涉及版權(quán)問題。
我們的實現(xiàn)方式就是 font family + lang 的方式,是否還有其他方式可以跟研發(fā)討論。
本文由 @阿青 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議。
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
很多企業(yè)在宣傳企業(yè)名字的時候都喜歡使用一些藝術(shù)字體,以求達到奪人眼球的效果,但我們是否忽略了文字自身帶來的視覺美感?
漢字本身就是一種具備獨特美感的文字,中國漢字雖然多達4萬多字的數(shù)量,但大多數(shù)漢字都擁有清晰的結(jié)構(gòu),以及非常合理的比例。對于商業(yè)起名而言,漢字的就可以從漢字本身思考美感。
1.字形的選擇要有和諧、平穩(wěn)感
從字形筆畫的角度考慮,名字前后組成的漢字筆畫差異不宜太過明顯,否則很容易造成一種頭重腳輕、或者前小后大的違和感。
2.文字結(jié)構(gòu)可以多樣化搭配
中國漢字的結(jié)構(gòu)多達十余種,而且每一種都具備相應(yīng)的“建筑美感”,通過不同結(jié)構(gòu)文字的搭配,組成的名字也可以附加更多的視覺元素,從而帶來一種視覺上的新鮮感。
3.簡易字的使用要有力度感
想要了解更多關(guān)于商業(yè)起名內(nèi)容盡在《命名》,可私信了解
全網(wǎng)搜索“商標先生方強”有更多內(nèi)容哦!
很多父母在咨詢起名時,經(jīng)常會提到用筆畫少的字,主要擔(dān)心孩子上學(xué)之后不好寫??擅忠话阒挥腥齻€字,如果寫3個字都要擔(dān)心,那父母對孩子就太缺乏信心了。
所謂寫名難主要存在小學(xué)1到3年級,這也是孩子練字的黃金時期,在這個階段應(yīng)該讓孩子每天至少拿出30分鐘來練字。不一定多漂亮,但要寫的工整,為以后的學(xué)習(xí)考試打好基礎(chǔ)。假如每天都能堅持,那還差名字里面的三個字嗎。
當然,筆畫太多的字,也不建議使用,比如鑫、懿、曦、麟、灝、懋之類。因為這樣的字很不好搭配。如果搭配筆畫少的字,比如“丁辰曦”“王一鑫”,整個組合就會明顯失衡,很不協(xié)調(diào),更不會好寫。如果搭配相應(yīng)筆畫的字,比如“蔣鑫懿”,字形雖然平衡,但過于臃腫、笨重,缺少靈氣。
在字形角度來說,想要名字寫出來好看,最主要的是結(jié)構(gòu)要協(xié)調(diào),比如以下幾種:
第一、姓名中間對稱。如“趙又廷”、“丁禹兮”,把名字中筆畫最多或最少的字放中間。
第二、姓名格式統(tǒng)一。如“秦霄賢”、“張繼科”,均用上下結(jié)構(gòu)或左右結(jié)構(gòu)。
第三、名字結(jié)構(gòu)統(tǒng)一。如“關(guān)曉彤”、“朱梓驍”,這樣的名字也是比較好寫的。