[Science and Communication]
我還在讀本科時,年少無知,覺得做科學,應該不拘小節,論文、Poster、PowerPoint 等,只應在乎內容而非「格式」。只要內容好,科學準確,排版、字體、用色、甚至錯字都無所謂。
後來發現,科學領域內,傳訊十分重要,而且匯報是展現研究成果,注意細節,才是敬業樂業的表現。所以儘管本人視覺藝術天份奇差,也開始留意設計原理,也開始注意行內設計,才發現到處都是災難級的設計。
最近寫博士學位的期中報告,就Typography我已用了大半天參考不同文章。雖然對設計師來說可能見笑,但我這初哥已經盡力。最後Headings一致用無腦Helvetica,內文用Garamond,古典但優雅,讀起來才有可信、已確定(established) 的感覺,DNA序列用Courier,字距一致才容易做DNA並列對比。大家的論文又用什麼字體呢?(不才,懂設計的朋友請指教)
對於我這種設計白痴,中央聖學子的貼文都很啟蒙。從事科學的朋友,我們該好好注意自己的設計了,你的poster有犯這些錯誤嗎?
【Typography Matters】(營養長文!!!)香港美術及設計教育,一直以來都麻麻地重視 Typography(字體排印學)。近十多年遇着個別有熱誠有才能嘅教育工作者,偶爾會有小陽春,業界亦好視乎個別執業者取向;但整體上,香港地無論學院抑或業內,重視 Typography 嘅人,實屬小眾,practise 得好嘅,更係少之又少。個人電腦普及前,字體應用及排印,都必定交由專業人士負責,質素衰極有個譜;然而,差不多係人都識用 Word、Excel、小畫家等軟件打字、畫圖、列印、發佈後,因差劣 Typography 而引發嘅溝通錯誤及視覺污染——自文字及印刷術發明以來——係史上最最最最嚴重的。
科技賦予人類能力,但冇賦予知識。人人用電腦揀字款打字排版做所謂「文書處理」,但當中有幾多個懂得基本 Typography?或,當中有幾多個知道有「Typography」呢樣嘢呢?記得留學時老師講過,或許設計上有好多範疇都冇甚麼絕對黑白對錯,但係响 Typography 嘅領域,有唔少理論及應用係黑白分明對錯有特定準則的。「靚囉」好少會出自 typographer 把口。
早前有人留意到康文署有套經過精心設計嘅温文意雅告示標語橫額,甚為破格,引來網上小眾討論。今日陽光普照,離開鍵盤,到赤柱走走,畀我發現咗啲嘢。特意寫兩句與大家分享一下。🙂
[Layout]
求其粗疏地响聖士提反灣周圍𥄫𥄫,做咗個微型 visual audit,諗住學下嘢。Woow~!真係獲益良多,原來而家尖端標示設計嘅 typography 已經同我以前學嗰套好有距離。首先(見圖由上至下左至右),大大塊告示板,個 layout 唔似有 grid,相當 dynamic,四個主標示 zig zag 咁放,size 不大,語氣和善,活潑可人,綠綠藍藍與泳灘氣氛連成一片。
[Hyphen]
Typography 中,英語 punctuation(標點符號)往往最被忽略。「Please - No Kite-flying」三個字中有兩個 hyphens,「Kite-flying」嗰個冇咩問題,怪就怪在「Please」之後嗰個。因為 hyphen 一般用作 compound terms 或 word division,當破折號或冒號咁用好似比較罕見。
//
For most writers, the hyphen’s primary function is the formation of certain compound terms. Compound terms are those that consist of more than one word but represent a single item or idea.
In professionally printed material (particularly books, magazines, and newspapers), the hyphen is used to divide words between the end of one line and the beginning of the next. This allows for an evenly aligned right margin without highly variable (and distracting) word spacing.
//
同中文標點好唔同,英文類似破折號嘅短小橫線標點有三種:hyphen (-), en dash (–), em dash (—),長度不一功能各異,唔可以亂用。
//
The en dash (–) is slightly wider than the hyphen (-) but narrower than the em dash (—). The typical computer keyboard lacks a dedicated key for the en dash, though most word processors provide a means for its insertion.
//
長話短說,日常應用嚟講 en dash 多數用嚟當「至」咁用,如日期或時間,「2005–2018」,「9:00 a.m.–5:00 p.m.」。正統前後冇 space,但我覺得若嫌太迫,kern 疏少少都無傷大雅。至於當破折號(或冒號)以作補充之用就應該用最長嘅 em dash。
//
The em dash is perhaps the most versatile punctuation mark. Depending on the context, the em dash can take the place of commas, parentheses, or colons—in each case to slightly different effect.
Notwithstanding its versatility, the em dash is best limited to two appearances per sentence. Otherwise, confusion rather than clarity is likely to result.
Do not mistake the em dash (—) for the slightly narrower en dash (–) or the even narrower hyphen (-). Those marks serve different purposes and are further explained in other sections.
//
[Apostrophe]
Prime mark (') 同 apostrophe (’),前者係小直劃,後者係升高咗嘅𢭃號,再想發揮創意都唔應該用錯。鍵盤碼點打,呢度唔多講嘞,自己 google 啦。
[a.m. and p.m.]
「a.m.」、「p.m.」係拉丁文「ante meridiem」同「post meridiem」嘅縮寫,所以正寫應該係細階兼有點點。但係設計上有時想省略簡化正寫達至美感要求,我覺得响意思唔被干擾下,可以接受。但時間數字與 am 或 pm 中間,應該有 space,連埋寫成一個字咁會怪怪,尤其出現於正統聲明。
[Title Case vs Sentence Case]
究竟幾時用 title case,即每個字頭都大階;幾時先用 sentence case,即只得第一個字大階?!我有啲亂。我嘗試觸摸個 pattern,可能我資質太差,花咗成日都徒勞無功。
[Text Justification]
忽左忽右,我估本 guidelines 肯肯定有說明點用法,只係我呢個路人未察覺箇中奧妙而已。「Dangerous Goods Store」,畀我會將「Goods Store」排埋一行,以意思 break line 嘛。不過人哋咁排法,一定有 concept。
最後,發覺大標示板係用 Helvetica,小標語則用 Arial,當中有咩精心佈局或創意我唔敢亂估,只覺得呢種字款運用嘅 fusion 很富本地混雜視覺文化特色,好可愛。☺️
… … … … … … … … …
早前相關康文署標示淺評:
https://www.facebook.com/…/a.1015316723…/10159910797350570/…
Source & reference:
http://www.thepunctuationguide.com/hyphen.html
http://www.thepunctuationguide.com/en-dash.html
http://www.thepunctuationguide.com/em-dash.html
http://www.chicagomanualofstyle.org/…/HyphensE…/faq0002.html
同時也有4部Youtube影片,追蹤數超過157萬的網紅Naokiman Show,也在其Youtube影片中提到,ナオキマンのヤバい日本の秘密! https://www.amazon.co.jp/dp/4537217758/ref=cm_sw_em_r_mt_dp_U_BO5wEbYGM8089 タイトル:BASHAR×Naokiman Show 望む未来へ舵を切れ! 発売日:2020年1月20日 アマゾン...
「html no break line」的推薦目錄:
- 關於html no break line 在 北歐心科學 NordicHearts Facebook 的最佳貼文
- 關於html no break line 在 Naokiman Show Youtube 的最讚貼文
- 關於html no break line 在 鈴木愛理 Youtube 的最佳解答
- 關於html no break line 在 ochikeron Youtube 的最佳解答
- 關於html no break line 在 Avoid line break between html elements [duplicate] - Stack ... 的評價
- 關於html no break line 在 How to add a forced line break inside a table cell - TeX ... 的評價
- 關於html no break line 在 How to Format Line Breaks on Facebook - Small Business ... 的評價
- 關於html no break line 在 HTML Tutorial - 4: Paragraph & Line Breaks - YouTube 的評價
- 關於html no break line 在 Google HTML/CSS Style Guide 的評價
- 關於html no break line 在 GitHub Flavored Markdown Spec 的評價
html no break line 在 Naokiman Show Youtube 的最讚貼文
ナオキマンのヤバい日本の秘密!
https://www.amazon.co.jp/dp/4537217758/ref=cm_sw_em_r_mt_dp_U_BO5wEbYGM8089
タイトル:BASHAR×Naokiman Show 望む未来へ舵を切れ!
発売日:2020年1月20日
アマゾンで予約受付中!!
https://www.amazon.co.jp/BASHAR%C3%97Naokiman-Show-%E6%9C%9B%E3%82%80%E6%9C%AA%E6%9D%A5%E3%81%B8%E8%88%B5%E3%82%92%E5%88%87%E3%82%8C-Naokiman/dp/4899765037
タイトル:ナオキマンのヤバい世界の秘密
発売日:2019年9月19日
価格:1,000円+税
アマゾン・ネット書店で予約受付中!!
https://www.amazon.co.jp/ナオキマンのヤバい世界の秘密-Naokiman-Show/dp/4537217251/
Twitter:
"https://twitter.com/naokimanshow"
Instagram:
"https://www.instagram.com/naokimanshow/?hl=ja"
ID:Naokimanshow
LINEスタンプを発売しました!
Naokiman show検索で探せます!
"https://line.me/S/sticker/4558336"
2ndチャンネル開設しました:Naokiman
https://www.youtube.com/channel/UCT9cFrlnfy1-XLf0Vuy0Zzw
Naokiman show 中国チャンネル!
https://www.youtube.com/channel/UCW-C627r2o67vCueVFoaFGw
For Business Inquiries Contact: naokimanshow@gmail.com
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
BGM:
V.I.P.N - EPIC CLOUD TRAP BEAT | No Copyright Trap
https://www.youtube.com/watch?v=x1zq_VlOeHA
music provided by BNB
V.I.P.N
https://www.youtube.com/channel/UC2KS...
https://www.facebook.com/vipnbeats
https://soundcloud.com/vipn
恐竜と人間の共存
http://chahoo.jp/palestrina/
https://en.wikipedia.org/wiki/Nile_mosaic_of_Palestrina
http://s8int.com/phile/dinolit57.html
スカイフィッシュ
https://www.youtube.com/watch?v=9S6pLNCNce4
https://itsmth.fandom.com/wiki/Skyfish
https://commons.wikimedia.org/wiki/File:Golondrinas_top2.jpg
https://commons.wikimedia.org/wiki/File:Cotorras-de-cueva.jpg
https://commons.wikimedia.org/wiki/File:Anomalocaris_canadensis_grasping_claw,_Burgess_Shale.jpg
https://en.wikipedia.org/wiki/File:Anomalocaris2019.jpg
batutut
https://www.flickr.com/photos/13476480@N07/29576383643
https://commons.wikimedia.org/wiki/File:U.S._Marines_in_Operation_Allen_Brook_(Vietnam_War)_001_(colorized).jpg
https://catalog.archives.gov/id/17331458
https://commons.wikimedia.org/wiki/File:US-Army-troops-taking-break-while-on-patrol-in-Vietnam-War.jpg
https://www.nationalguard.mil/Features/2016/Vietnam-War-50th-Commemoration/1969/
https://www.flickr.com/photos/13476480@N07/25225298665
https://www.flickr.com/photos/13476480@N07/17688892738
https://www.history.navy.mil/content/history/museums/nmusn/explore/photography/wwii/wwii-pacific/south-southwestern-pacific/bougainville-campaign/bougainville-land-campaign/80-g-207834.html
https://en.wikipedia.org/wiki/File:101st_Airborne_Division_-_Vietnam_01.jpg
https://www.youtube.com/watch?v=nZNEoCk0OKw&t=2s
Bloop
https://en.wikipedia.org/wiki/File:Hydrophone_being_lowered_into_the_Atlantic.jpg
https://en.wikipedia.org/wiki/File:NOAAEngineerAtWork.jpg
https://commons.wikimedia.org/wiki/File:Bloop.jpg
恐竜
https://commons.wikimedia.org/wiki/File:80_-_Machu_Picchu_-_Juin_2009_-_edit.jpg
https://commons.wikimedia.org/wiki/File:Ica_stones6.JPG
https://ja.m.wikipedia.org/wiki/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:Ica_stones3.JPG
https://commons.wikimedia.org/wiki/File:Ica_stones21.JPG
https://commons.wikimedia.org/wiki/File:Ica_stones20.JPG
https://commons.wikimedia.org/wiki/File:Muzeo_Julsrud_17.JPG
https://commons.wikimedia.org/wiki/File:Muzeo_Julsrud_13.JPG
https://commons.wikimedia.org/wiki/File:Muzeo_Julsrud_23.JPG
https://zh.wikipedia.org/wiki/File:Muzeo_Julsrud_19.JPG
https://en.wikipedia.org/wiki/File:Mosa%C3%AFque_nilotique,_Praeneste,_Italie.jpg
https://en.wikipedia.org/wiki/File:NileMosaicOfPalestrina.jpg
html no break line 在 鈴木愛理 Youtube 的最佳解答
2020年4月21日(火)に控えた、"横浜アリーナ初単独ライブ"から、ちょうど3ヶ月前の1月21日から毎週更新!!
横浜アリーナ公演に向けて、毎週火曜日22:00にDancePracticeVideoをUPしておりましたが、今回も引き続きライブ映像をUPします!!!
12月に行ったライブ『No Live, No Life?』から、
2nd AL ” i “ に収録されている「Break it down」聴いてください!!
Official髭男dismさんに楽曲提供していただいた曲。
普段はバッキバキに踊っていますが、このツアーでは歌に専念です!!
奥の深すぎるラブソングです。
読めば読むほど面白くて大好き!!
さて。
こんな時期だからこそ、、、
"気分を変えなくちゃ!!"
"ロックな音にEQ Up!!!!"
ふふふ^^
鈴木愛理
Break it down
作詞・作曲:藤原聡 編曲:official髭男dism
Ah 冴えない人だった
そう言い聞かせてfake me out
はやる期待には蓋をして
Ah 気分を変えなくちゃ
ロックな音にEQ Up
心の病みを埋もれさせて
言葉と逆を行く私のイヤホンは
(歌い出したlove song)
もしもとか淡い事考えだしそうで怖いな
もうそろそろ夢見がちなメロディーはやめよう
Break it down it down it down
そしてwake me up wake me up
甘い音で惑わせないで
Break it down it down it down
そしてwake me up wake me up
半端な言葉は要らない!
Break it down it down it down
そしてwake me up wake me up
ぬるい夢なんか見せないで
Break it down it down it down
そしてwake me up wake me up
あなたにはまだ言えない!
Ah どうせ無理だから
縛りに縛ってfake me out
右も左もわからないで
Ah 前に進まなくちゃ
わかっていたってkeep me out
一時停止で動けぬまま
言葉と逆を行く私のイヤホンは
(歌い出したlove song)
ブレーキのきかないまま走りだすフリーウェイ
このままじゃ止められないまま
あなたにぶつかってしまう
Break it down it down it down
そしてwake me up wake me up
甘い音で惑わせないで
Break it down it down it down
そしてwake me up wake me up
半端な言葉は要らない!
Break it down it down it down
そしてwake me up wake me up
ぬるい夢なんか見せないで
Break it down it down it down
そしてwake me up wake me up
あなたにはまだ言えない!
----------------------------
『鈴木愛理 LIVE PARTY No Live, No Life?』
2020.4.22(水)発売
Blu-ray・1枚組 (8Pブックレット付)
予定価格6,000円(+税)
-----------------------------
初の横浜アリーナ公演!!一般発売は2月29日から始まってます!!
『鈴木愛理 LIVE 2020 Airing the Bell @ YOKOHAMA ARENA』
●日程:2020年4月21日(火)
●時間:17:30開場 / 18:30開演
詳細のアクセス先はこちら↓
http://ody-inc.com/release/airisuzuki200421.html#.XlnRVQNWCs1.twitter
iTunes/Apple Music :https://music.apple.com/jp/artist/%E9%88%B4%E6%9C%A8%E6%84%9B%E7%90%86/1380320558
Official YouTube: https://www.youtube.com/channel/UCRkCifCbAw0qwu7XzOa9d7w
Official Facebook: https://www.facebook.com/AiriSuzukiOfficial/
Official Twitter:https://twitter.com/airimania
Official Instagram:https://www.instagram.com/airisuzuki_official_uf/
Official Homepage:https://www.airisuzuki-officialweb.com
Official Fan's:http://www.up-fc.jp/m-line/
#airisuzuki #Breakitdown #鈴木愛理_LIVE #鈴木愛理
html no break line 在 ochikeron Youtube 的最佳解答
♥FOLLOW ME HERE♥
https://www.facebook.com/ochikeron
https://plus.google.com/+ochikeron
http://twitter.com/ochikeron
http://instagram.com/ochikeron/
You just need 6 ingredients.
Google and find your favorite Valentine's Day image to create your own stencil. You don't have to buy it :)
---------------------------------
NO-BAKE Chocolate Cake (Japanese Nama-Choco Cake)
Difficulty: VERY EASY
Time: 1hr
Number of Servings: 16
Calories per Serving: 230Kcal
Necessary Equipment:
18cm (7inch) square cake pan
Ingredients:
6 Meiji Milk Chocolate Bar (330g) *or 300g (10.5oz.) your favorite chocolate is OK
120ml heavy whipping cream (fresh cream)
15 (184.5g) Kit Kat Mini *or 180g chocolate-covered cookies are OK
30g (1.05oz.) butter
cocoa powder
powdered sugar (confectioner's sugar)
Directions:
1. Line the pan with parchment paper.
2. Smash Kit Kat in a Ziploc bag, add melted butter (microwaved), and mix well. Press firmly into the square pan.
3. Chop or break chocolates into small pieces.
4. Put heavy whipping cream in a pot and bring to a boil. Stop the heat and add the chopped chocolates. Wait for 1-2 minutes until thoroughly melted to the core. Then mix well. *you can add toasted almond slices (I added 40g=1.4oz.) and/or 1 tbsp. rum.
5. Pour the chocolate mixture into the pan, smooth the surface, and put in the fridge for 1~2 hours until firm.
6. Use a knife warmed in hot water to cut. Dust with cocoa powder, place a stencil, then dust with powdered sugar.
↓レシピ(日本語)
http://www.cooklabo.blogspot.jp/2014/01/blog-post_21.html
---------------------------------
Music by
Josh Woodward
Airplane Mode (Instrumental Version)
http://www.joshwoodward.com/
http://www.youtube.com/joshwoodward
FYI (products I used in my videos):
http://www.amazon.co.jp/lm/R3VVDX7JZ5GYJE/?_encoding=UTF8&camp=247&creative=7399&linkCode=ur2&tag=shopping072-22
♥Original T-SHIRTS♥
http://www.youtube.com/watch?v=FFsQE0qd_4w
♥Visit my Blog to know more about ME♥
http://createeathappy.blogspot.com/
♥My Recipe Posts in Japanese♥
http://cooklabo.blogspot.jp/
http://cookpad.com/ami
http://twitter.com/alohaforever
♥and of course SUBSCRIBE♥
http://www.youtube.com/ochikeron
html no break line 在 How to add a forced line break inside a table cell - TeX ... 的推薦與評價
Strangely, no answer (unless I've misread them) mentions a package that is dedicated to this precise question: makecell , which allows for common formatting ... ... <看更多>
html no break line 在 How to Format Line Breaks on Facebook - Small Business ... 的推薦與評價
Repeat the process of holding "Shift-Enter" as many times as necessary to create the desired number of line breaks. Writer Bio. ... <看更多>
html no break line 在 Avoid line break between html elements [duplicate] - Stack ... 的推薦與評價
... <看更多>
相關內容