ニカイドウレンジ @R_Nikaido 新宿駅のガムテープ文字、デザインが洗練されすぎている。 ・「駅」の点々を縦に並べる ・「止」の2つの縦棒がシンメトリ ・濁点を文字に重ねることでグリッドに納める ・読めなさそうな形なのにすっと読める「れ」 pic.twitter.com/VvjP7ZYcU2 2020-08-23 16:55:51
【修悦体】新宿駅のガムテープ文字のデザインが洗練されすぎていると話題に「“駅”の点々を縦にならべる」「読めなさそうなのに読める“れ”」
ニカイドウレンジ @R_Nikaido 新宿駅のガムテープ文字、デザインが洗練されすぎている。 ・「駅」の点々を縦に並べる ・「止」の2つの縦棒がシンメトリ ・濁点を文字に重ねることでグリッドに納める ・読めなさそうな形なのにすっと読める「れ」 pic.twitter.com/VvjP7ZYcU2 2020-08-23 16:55:51
モリサワ 阪神甲子園球場と100周年記念共同プロジェクト 伝統の「甲子園文字」を受け継ぐ『甲子園フォント』制作が決定！ | ニュース&プレスリリース | 企業情報
モリサワ 阪神甲子園球場と100周年記念共同プロジェクト 伝統の「甲子園文字」を受け継ぐ『甲子園フォント』制作が決定！ 株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25 Tel:06-6649-2151 代表、以下モリサワ）は、2024年7月24日に、創業者森澤信夫らが「邦文写真植字機」を発明して100周年を迎えます。同じく、阪神電気鉄道株式会社（代表取締役社長：久須 勇介 本社：大阪市福島区）が運営する阪神甲子園球場も、同年8月1日に開場100周年を迎えます。これを記念して、阪神甲子園球場とモリサワは、100周年記念共同プロジェクトとして、同球場のスコアボードで使用してきた伝統の「甲子園文字」を受け継ぎ、『甲子園フォント』として制作、デジタルフォント化することを決定しました。 阪神甲子園球場のスコアボードでは、1983年まで、職人が黒い板に毛筆で手書きをし
ChatGPT(GPT-4)のAdvanced Data Analysis(旧Code Interpreter)、日本語フォントでグラフや画像、PDFファイルを出力する方法とTwitterの分析
ChatGPT(GPT-4)のAdvanced Data Analysis(旧Code Interpreter)、日本語フォントでグラフや画像、PDFファイルを出力する方法とTwitterの分析 はじめに 先週末にOpenAIの発表があり、ChatGPT(GPT-4)のCode Interpreterという機能が公開されました。内部でPythonが動いており日本語や英語で指示するだけでノーコードでデータの分析などを行うことができる便利なサービスです。 そのままではグラフ描画などで日本語の表示ができないのですが、「日本語フォント表示する方法を見つけ出した」のでこちらの記事でご紹介します。 ※8月29日にCode InterpreterからAdvanced Data Analysisに名称が変更になりましたが記事中ではCode Interpreterのまま記載しております この記事で学べること
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第6弾は、アクセシブルで美しいユーザーインターフェイスを構築するデザインのテクニックです。 UI & UX Micro-Tips: Volume Six. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. スマホアプリではタブバーを常に表示する 2. ウェイトを使用するだけで、強調と階層を作ることができます 3. スマホではタップ可能な領域を広くする 4. サイト内のナビゲーションは一貫性のあるものにする 5. コンテンツが豊富なサイトでは検索を目立たせる 6. 適当にフォントサイズを選ぶのではなく Typ
ゲーム日本語化の「フォント選び」について翻訳者たちが語る。『Hollow Knight』は古風に、『Blasphemous』は荘厳に - AUTOMATON
ホーム ニュース ゲーム日本語化の「フォント選び」について翻訳者たちが語る。『Hollow Knight』は古風に、『Blasphemous』は荘厳に 海外ゲームの国内展開に必要となる日本語ローカライズは、国内ユーザーのゲーム体験を左右する重要なプロセスだ。今回、ローカライズの工夫のひとつである「フォント選び」の興味深い裏側について、複数の関係者がSNS上で語っている。 ローカライズは「地域化」などとも訳されるように、単に英語テキストを日本語に翻訳するだけの作業ではない。ゲームの持ち味をそのままに、日本国内のユーザーが遊びやすいように、あるいは没入できるように、多岐にわたる調整とクオリティの管理をおこなう工程なのだ。そして、英語などの言語を日本語に翻訳した際に発生するひとつの問題がある。それが「文字の違い」だ。 ゲーム内で表示されるテキストは、主にフォントファイルを利用して表示されている。
GitHub - yuru7/PlemolJP: IBM Plex Mono と IBM Plex Sans JP を合成したプログラミングフォント PlemolJP (プレモル ジェイピー)
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
macOS Catalinaでヒラギノ角ゴPro/ProNがなくなって困ってるfont-familyの設定を考える。｜榊原昌彦
macOS CatalinaのChrome 77のフォント問題。 勘違いしている人が多いので説明。 Chromeのデフォルトだった「ヒラギノ角ゴシック ProN」がCatalinaで未バンドルになる ↓ 該当するフォントがなくなったため、Sans Serifが明朝体で表示される ↓ フォント指定の甘いサイトは全部明朝体に！ pic.twitter.com/Cil92P8PGO — 池田 泰延 (@clockmaker) October 8, 2019 注：本記事はベストプラクティス紹介ではありません。記事内のフォント指定はわかりやすさを優先しているため、英語フォント名は割愛しておりますので、このまま利用すると意図していないフォントになることがあることご注意ください。この問題です。池田さんが書いてますが、端的にいうと「フォント指定が甘い」から起きています（Sans Serifがなぜか明朝体で
チャットAIが組み込まれた「新しいBing」に先行利用を申し込んで、3日ほどで使えるようになった。 新しい Bing - 詳細情報 さて、なにを聞いてみようかな。そうだ邪馬台国の場所を聞いてみよう。 いい感じの回答が出てきた。先行しているチャットAIの「ChatGPT」だとどうだろうか。 New chat ChatGPTに邪馬台国の場所を聞くとこんな調子である。 「ChatGPTはもっともらしい嘘をつく」の典型である。しかし人間も知らないことをあえて聞くのは意地悪だった。ChatGPTは聞かれたことに「知らない」と返すと鼻が伸びる奇病にかかっているため（嘘）、作り話をしてでもなにか答えを返そうとする。 新しいBingにまじめなことを聞いてみた。 いいですね。特にウクライナ侵攻や、6日に発生したトルコ・シリアの大地震という最新の情報が盛り込まれているのがよい。ChatGPTは2021年までの
Adobeが1993年にリリースしたPDF(Portable Document Format)ファイルフォーマットは、「印刷レイアウトをそのままに保存できる」「Windows・Mac・LinuxといったOSやPC環境に関係なく閲覧したり印刷したりできる」「セキュリティー設定が可能である」というメリットがあり、広く使われていますが、PDFファイルに記載されるテキストは簡単にコピーできてしまいます。「Human Eyes Only」はPDFファイルのテキストを特殊なフォントに変換して人間にしか読めないようにしてしまう試みで、ベータ版が無料公開されています。 Human Eyes Only https://humaneyesonly.com/ Human Eyes Onlyにアクセスして左側に表示されている英文は、一見すると普通のテキストに見えますが、実は特殊なフォントで表示されています。この英
試した方がいいGoogle Chrome experiments はじめに Chromeデベロッパーツールは、ウェブ開発者間で最も使われているツールの1つです。しかし、ほとんどの開発者が知らない素晴らしい機能があります。 この記事では、すべての開発者が試すべきChromeデベロッパーツールの実験的機能トップ5について説明します。 1. CSS Overview - すべてのスタイルの詳細情報を表示する CSS Overviewは、ウェブページで使われているすべてのスタイルの概要を表示します。 この機能は、色、フォント、メディアクエリ、未使用の宣言に関する詳細情報を含んでいます。UIにCSSの修正を加える時に便利で、カラーピッカーなどのサードパーティツールを使う必要がなくなります。 ChromeデベロッパーツールのCSS Overviewタブ この機能を有効にするには Google Chro
デザインの4原則といえば、 「整列ビーム」「近接ホールド」「メリハリパンチ」「反復リピート」です！ Webでも紙のデザインでもこの原則を使うだけで、デザインがぐっとよくなります。 マンガを笑いながら読んでいる間に、デザインの基本がしっかり身についてしまう、新感覚の意識低い系デザイン本を紹介します。 「けっきょく、よはく。（紹介記事）」「ほんとに、フォント。（紹介記事）」、そして先日発売されたばかりの「あたらしい、あしらい。（紹介記事）」のソシム社から、今度は意識低い系のデザイン本が登場です！ 「デザイナーじゃないのに！」と叫んでいる主人公と一緒にデザインを学ぶ楽しいマンガです。しかも、まさかのラブストーリー！
知っておくと便利なCSSの単位: ビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を解説
CSSでよく使用する単位といえば、px, r(em)あたりでしょうか。CSSはそれら以外にもたくさんの単位が使用できます。 前回はフォントに基づく相対単位でしたが、今回はビューポートに基づく相対単位（vw, vh, lvh, svh, dvh, vb, viなど）の便利な使い方を紹介します。 Relative length units based on the viewport -Going beyond pixels and (r)ems in CSS by Brecht De Ruyte 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの単位: vwとは CSSの単位: vhとは CSSの単位: vbとviとは、ブロックとインライン CSSの単位: lvh, svh, dvhとは ビューポート単位の解説動画
日本語組版の行間の話 in PowerPoint
anond:20210204012040 前書き組版の専門家だよ。ブックマークとかで行間のリクツが知りたいという旨があったので、簡単にまとめるよ。 なお、行間に限らず、日本語組版に関する専門的な知識は『W3.org 日本語組版処理の要件（日本語版）』に載っていてタダで読めるよ。 https://www.w3.org/TR/jlreq/ この文書は『JIS X 4051 日本語 組版規則』を下敷きに、超のつく専門家がwebの世界向けにまとめたやつだよ。 この知識で書籍の本文組版がきっちりできちゃうよ。印刷周りの知識と組版ソフトを扱う技術もいるけどね。 これから書くのは、組版の専門家としての意見で、PowerPointとかプレゼンとかの専門家の意見ではないよ。 簡単な結論結論を先に書くよ。 単位は%の行送り。例えば150%と書いたときは、文字サイズが10pointのとき、行送り150%は15p
レスポンシブ対応で、可変のfont-sizeを定義するスタイルシートを記述するのは、なかなか面倒です。 スマホ表示での最小値、ワイドスクリーンでの最大値を決め、その間は可変サイズで表示されるfont-sizeのスタイルシートを簡単に生成できる無料オンラインツールを紹介します。 font-sizeは自由に定義できるので、日本語のフォントでも最適に利用できます。 Fluid-responsive font-size calculator Fluid-responsive font-size calculatorは、レスポンシブ対応のfont-sizeを可変にするスタイルシートもこの計算機で簡単に生成できます。font-sizeは最小値と最大値を決め、その間のサイズはcalc()関数でスムーズに変更させます。例えば、スマホなどの小さいスクリーンでは16px（最小値）に、ワイドスクリーンでは24p
海の幸 @tomato5023 これ！これ！探してました。昨日の衝撃。もったいないとは思わなかったけど、なんだ！？サスペンス的テロップと困惑しました。 twitter.com/meworange/stat… 2020-04-08 12:28:00
『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン世界中で高い人気を得ている日本のマンガだが、その隆盛を支えてきたのはマンガ雑誌であった。本記事ではマンガを語るうえで頻繁に取り上げられる物語や絵ではなく、とくにマンガ雑誌における「文字」の歴史がいかなるものであったのかを、『週刊少年ジャンプ』を例にひも解いていく。 聞き手・監修＝岡本正史（集英社） 文・構成＝安原真広（ウェブ版「美術手帖」編集部） 歴代の『週刊少年ジャンプ』 いまやスマートフォンで見ることも多くなったマンガだが、世界中で高い人気を得るようになった日本のマンガ文化をつくりあげてきたのはマンガ雑誌に代表される、紙でつくられた本のマンガだった。月刊や週刊という刊行スピードで数百万部にも上るマンガ雑誌が印刷され、日本全国の書店に届けられる。この世界的に見ても稀有なシステムが、日本の多様なマンガ文化をつくりあげたことに
Seiho @seiho777 Day Tripper Records主宰 Sugar's Campaignの片方 おでん屋そのとうり 和菓子屋かんたんなゆめ soundcloud.com/seiho
IBMのオープンソース日本語フォント「IBM Plex Sans JP」の実力をデザイナーが検証してみた：デジタルネイティブのためのフォントとデザイン（1/4 ページ） GItHubで公開されている話題のIBM製オープンソースフォント「IBM Plex Sans JP」。「デジタルネイティブのためのフォントとデザイン」連載を執筆しているエディトリアルデザイナーの菊池美範さんが検証した。 Googleの「Noto Sans CJK JP」やアドビの「源ノ角ゴシック」といった日本語フォントの登場によって、プレゼンテーションやドキュメントの日本語表示は格段にレベルが上がった。もうこれで十分なのではと思っていたところ、IBMがオープンソース日本語フォント「IBM Plex Sans JP」をGitHubで公開したという知らせを受けた。 このフォントをインストールして試用したところ、想像以上に出来の
html { font-size: 62.5%; } は嫌いだ - デフォルトを変更するのは悪手です - Qiita
font-size: 62.5%;というテクニックがありますよね デフォルト値に手をかけるので、超絶嫌いなテクニックのひとつです なのにですね、あちこちで超見かけるんですよ。 検索かけても「便利！」という言葉がたくさん並んでいるんです。 超嫌いなんですが、いったいどこから湧いたテクニックなのかわからない。 そこで、時間を見つけて調べようと思って、タイトルを書くだけ書いたら1年溶けてました そろそろ廃れる頃合いだと思うのですが、現在Webサイト制作の勉強をしている初学者間では、いまだにメインストリームを歩んでいるっぽいので、流行りに乗り遅れたなあと思いつつ、つらつら調べてみました。 html { font-size: 62.5%; } の概要 フォントサイズをピクセルで指定した場合、ユーザーがブラウザ設定でフォントサイズを変更していてもフォントの大きさは変わりません。 はっきり言ってアクセシ
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2020年の間に合計424個の新作フリーフォントを紹介してきました。 この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2021年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント 8. ビンテージ・フォント 9. デコレーションフォント 01. 日本語フォント 無料で商用利用できる日本語フリーフォント、13書体をまとめています。 マメロン Hi Regular マメロン Hi Regularは、デジタル時代の日常語と俗語の文章表現の視覚化と共有を
Intro Web Font のサブセット化を Font Weight に応じて作り分けるとともに、それを Puppeteer を用いて生成するように変更した。 Web Font の静的サブセット 本サイトで提供している Web Font は当初、文字を事前に選定して生成したものを使っていた。 Noto Sans の Web Font 対応とサブセットによる最適化 当時はコンテンツがなかったが、コンテンツも増えた後は、コンテンツの原稿である markdown ファイルから使用している文字を抽出して生成するように変更していた。 これでおおよそ必要最小限のサイズにすることができていた。 Regular と Bold の最適化 本サイトでは Font Weight として Regular(400) と Bold(700) を提供しているが、これまでは抽出した文字種を Bold/Regular 両
リンク GIRLY DROP(ガーリードロップ) がりどろ運営イチオシ写真一覧 | GIRLY DROP(ガーリードロップ) GIRLY DROP(ガーリードロップ)は、眺めるだけで、キュンとする♡女の子による女の子な無料(フリー)写真画像サイトです。通称「がりどろ」または「ガリドロ」☆商用利用可能で会員登録やクレジットは不要！写真はオシャレな加工済みです♫ 1 user
こんにちは、デザイナーの花ちゃんです！ かれこれ3年ほどLIGブログで記事を書いていますが、最近意識していることがあります。それは、文字だけではなく、できるだけ視覚的に情報を伝えるということです。最初は文章を書くことに必死でしたが、よりわかりやすく、最後まで楽しく読んでもらうにはどうしたらいいかを考えるようになり、たどり着いたのが「図解」でした……！！ 今回は、図解を作るときのポイントやグラフ作成時にやりがちな失敗例、ストックしておくと便利なチャート図のデザインパターンをまとめてみました。 【図解を作るときにおすすめの素材】 👉フリーイラスト素材サイト39選【デザイナー厳選】 👉無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 【一からWebデザインを学びたい方へ】 現場で活かせるWebデザインの基礎をしっかり学びたい、現役デザイナーに教えてもらいたい……という方は、
コブラフォントのつかいかた
これでコブラ風ロゴの敷居が格段に下がったのではないでしょうか。【2023/9/24追記①】リメイクしました(sm42801306)。3年間で磨き上げたスキルを総動員し、とても使いやすくなったと思います。アルファベット等収録文字も大幅に増えました。【2023/9/24追記②】コモンズの大型アップデートに合わせ、利用規約を変更しました。本フォントはもちろん全てのフォントが対象となりますので、今一度確認いただければと思います。詳細はこちらから→https://webayan39.com/font/2724/作ったフォント→mylist/68343737小豆虫さんがAviUtlで簡単にコブラロゴ風にしてくれるプラグインを作ってくれました。非常に便利ですので、是非。→sm36843818DL・詳細はこちら→https://webayan39.com/font/20/BGM→nc216795
モリサワ 「Google Fonts」へユニバーサルデザインに配慮した「BIZ UDフォント」を提供 | ニュース&プレスリリース | 企業情報
株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25 Tel：06-6649-2151 代表、以下モリサワ）は、Google の提供するフォントサービスライブラリ Google Fonts へ、ユニバーサルデザインに配慮した「BIZ UDフォント」を提供します。 BIZ UDフォントは、「文字の形がわかりやすい」「文章が読みやすい」「読み間違えにくい」をコンセプトに開発されたユニバーサルデザイン（UD）フォントです。より多くの方にとって読みやすく使いやすいように設計されており、ユーザ評価に基づく読みやすさのエビデンスを取得しています。ICT化が進む教育現場やビジネスでの書類作成をはじめ、正確な情報伝達が必要な場面でお使いいただけます。2017年から当社が展開する、日常的なビジネス文書作成のためのUDフォントソリューション「MORISAWA BIZ+」で初めて提供
和文フリーフォント“IBM Plex Sans JP”リリース！「ウェイトがあっても潰れない」「フトコロが広い」既存フォントとの比較も
リンク mojiru【もじをもじる】 IBMが無料で使えるフォントIBM Plexを公開 - mojiru【もじをもじる】 オープンソースフォント・IBM Plex オープンソースフォント・IBM Plex 書体見本 IBM-Plex-Mono IBM-Plex-Sans IBM-Plex-Sans-Condensed IBM-Plex-Serif オープンソースフォント・IBM Plexのダウンロードはこちら フォントのミステリー：何故、オリジナルフォント「IBM Plex」が開発されたのか？ 「IBM Plex」の今後…、日本語版「IBM Plex」は？ Netflixもオリジナルフォントを開発！ 無料で使えるフォント「フ 1 user リンク GitHub Release v5.2.1 · IBM/plex IBM Plex Sans JP Added CSS stylesheets
ついに初の解説書！ フォント制作の王道ソフト「Glyphs（グリフス）」執筆陣も非常に豪華で、フォントの作り方がよく分かります -Glyphsではじめるフォント制作
待ち望んでいた人も多いと思います！ フォント制作の王道ソフト「Glyphs（グリフス）」初の解説書がついに発売！！ 執筆陣も非常に豪華、Glyphs日本語版を監修した書体デザイナーの大曲 都市氏、GlyphsのTipsを公開している照山 裕爾氏、Glyphs用のテンプレートを多数公開している丸山 邦朋氏、アドビの書体デザイナーである吉田 大成氏、ベジェ曲線の基本から実際のフォント制作の入門までカバーした解説書です。 「Glyphs（グリフス）」が気になっていたけど、どこから手をつけてよいのかさっぱりだったという人にお勧めの解説書です。Glyphsのダウンロード・インストールから、購入方法、インターフェイス・基本操作、ベジェ曲線のさまざまなパス操作、記号フォント・欧文フォント・和文フォントの作り方まで詳しくていねいに解説されています。 Glyphsの練習用ファイルや完成ファイルをサポートサイ
価格表記のフォント - 中原企画立案事務所
2022.1.18 チラシやパンフレット、カタログに掲載する価格。「値組み」とも呼びますが、この価格表記にどんなフォントを使うか、デザイナーにとってはひとつの考えどころではないでしょうか。 価格をどう見せるかは業種や媒体などによっても変わってくる、意外と奥の深い世界。今回はこの価格表記のみに着目して、フォントを考えてみたいと思います。 最初はDINです。デザインに詳しくない方でも「どこかで見たことがある」と思われるかもしれません。代表的なところで言えば、ユニクロで使われているフォントがDINをベースにしたものですね。 また、ユニクロ以外のチラシでもかなり見かけます。視認性が良くて、シャープなフォルム。情報量の多いチラシでも埋没しにくく、目に留まりやすいあたりが支持されていると思います。 アパレルから家電、大手スーパーまで幅広い業種で使われていて、チラシはもちろん、通販カタログなどでも多用さ
VSCodeにおすすめのフォント！ OFLになったモリサワ BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」からスラッシュ付きゼロ対応版がリリース
VSCodeでHTMLやCSS、JavaScriptなどを書く人におすすめのフォントを紹介します。もちろん他の言語でもOKです。 先週紹介したMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」から、スラッシュ付きゼロ対応版がリリースされました。 参考: オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース スラッシュ付きゼロが好きな人には嬉しいニュースですね！ また、全角の記号文字が優先的に表示されるJPDOC版も同時リリースされています。「■□▼▽↑→↓←」などの記号が全角優先で表示されます。 UDEV Gothic スラッシュ付きゼロ対応版と全角記号文字版 スラッシュ付きゼロに対応した「UDEV Gothic v0.0.5」のダウンロードは、下記ページから。 ライセンス
今回は、アメリカ生まれのオレンジジュースが有名な「Tropicana（トロピカーナ）」のリブランディングの失敗例をご紹介します。Twitterでバズったのでnoteでも転載しますｗ アメリカを代表するオレンジジュースを作っているTropicanaの2009年リブランディングの失敗例を紹介 $35Mかけて結局売上が$20Mダウン（1ヶ月で20%下がった） 詳細は以下スレッドにて ↓ pic.twitter.com/UV6XV9jicI — Tetsuro Miyatake (@tmiyatake1) May 12, 2020 トロピカーナは、2008年に有名広告代理店「Arnell」を採用し、大幅なパッケージのリブランディングを計画しました。5ヶ月間のデザイン作業、ローンチキャンペーン、そして$35Mのマーケティング費用を費やしました。その結果、20%売上ダウン（約$20M分）と大失敗し、そ
【はじめに】この記事はBaaaaと何の関係もないただの学生（25卒）が執筆しています。 【Baaaaとは】カメラで現実世界を写すことで絵文字が生成され、それをコレクションしたり、レコードに載せて音楽を奏でられるアプリ。他の人のレコードを回したりスクラッチしたりとSNS的な側面も持つ。 日本企業のwedが制作しており、同社はONEというレシート買取サービスも開発している。 【感動した5ポイント】1.UIのサイズが激しく変化する下部にあるフッターナビゲーションの大きくサイズが変化するボタンを見て欲しい。選択されている場所を色、サイズ、テキストで強調できており、分かりやすい。また、指からはみ出すアニメーションはダイナミックでワクワクする。 フッターナビゲーションそして、一体感がすごい。フッターナビゲーションを左右にスワイプすることによって、指、ボタン、中央画面が全て同じ方向に動く。まるで指で引っ
各OSの標準搭載フォント一覧へのリンク集
最近あらためてウェブサイトの本文の文字の読みやすさの大切さを実感していてfont-familyの指定を見直しています。そこで、まずは基本に戻って各OSに標準で搭載されているフォントの一覧を探してみたんですが、けっこう情報を見つけるのに苦労しました。 ということで、今後のためにWondows、Mac、iOSの標準搭載フォント一覧へのリンク集を作ってみました。Androidは一覧が見つけられず、基本情報だけ載せておきました。 おすすめのfont-familyの指定は、ありがたいこんな記事 やあんな記事 やそんな記事 で詳しく説明されてるんですが、自分でも特定のプロジェクトにあったfont-family指定ができるように、各OSの標準搭載フォント一覧にはさくっとアクセスできるようにしておきたいです。 ついでに、各OSのバージョンごとのマーケットシェアへのリンクもはっておきました。 目次 以下はペ
「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカス「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 「もっと読みやすくできるはず」。白源、Bizin Gothic作者が日本語入りプログラミングフォントを手がけ続ける理由【フォーカス】 2024年6月12日 プログラミングフォント制作者 たわら プログラミングフォント制作者。コーディングに適した欧文・英数字フォントと、日本語フォントを合成し、新たなフォントを生み出す手法に定評がある。2019年5月に「白源（HackGen）」を公開したのを皮切りに、毎年のペースで合成フォントを手がけている。本業ではインフラエンジニアやWebプログラマなどを経て、現在ではSaaS企業にてSREを担う。自身の息子に「プログラミングを教えて」と頼まれた時、まずはプログラミングフォントの重要性を説いた。 X GitHu
デザインしてて文字をばちっと決めたいときってありませんか メインビジュアルや見出しなどで、「文字（コピー）をばちっと決めたいッ！」ってときありますよね。そのときに普通の書体をそのまま置くと、 どうしてもデフォルト書体そのまま感が出ちゃうときってありませんか？ もちろん出ちゃわないときもあります。でも出ちゃうときもありませんか？ うん、ですよね。 そんなときの解決策の一つ、「作字」 “デフォルト書体そのまま感”をなくす方法はいくつかありますが、その一つとして「作字」があります。デフォルトの書体を少し調整して文字に特徴をつけることですね。 文字を”ちょっとロゴっぽくする”するという言い方が近いでしょうか（わかりにくいか……）。 作字するといい意味で”違和感”がでて、印象的なビジュアルになります。その作字のひとつに「文字を溶かす」という小ワザがあります。 文字を溶かすって？ Afterの文字を拡
私は font-family には総称ファミリを設定するべきだと前から思っていました. グローバルな空間で明朝体ではなくゴシック体を使うように設定するには とだけ指定するのが望ましく, 何かをごちゃごちゃ指定するべきではないと思っていました. 何故ならばユーザは表示したいフォントをそれぞれOSやブラウザに指定しているはずで, それを上書きしてしまうのは行儀が悪いからです. 総称ファミリであるsans-serifが設定されていればユーザはブラウザの設定などで自分の好きなフォントを設定することが出来ます. 自分自身ちゃんとブラウザのフォントは設定しているのに, webサイトの指定でfallback用にインストールしてあるフォントなどが使われると不快な思いをします. しかしこれまで私はbootstrapのデフォルトフォント設定に以下のような指定をしていました. $font-family-sans
この記事では、フォントを指定するためのCSSプロパティ「font-family」の書き方について一から詳しく解説します。font-familyを設定したことが無い方でも、正しくフォントが指定できるように、プロパティの書き方から、OSごとの設定の違い、おすすめのフォント設定例などもご紹介します。 「font-familyはいつもコピペしている…」なんて方も、正しい知識が有るか無いかは大きな違いです。ぜひこの機会に、font-familyの正しい設定方法をマスターしてください。 ※本記事は、各OSの標準インストールフォントや、ブラウザのアップデート状況などを踏まえて、なるべく最新の情報をお届けできるように、内容を随時更新しています。著者の調査した情報に基づいて執筆しているため、内容に間違いや不備のある可能性もあります。（最終調査日：2023年7月） font-familyの役割とは CSSのf
「0xProto」フォントとは 「0xProto」フォントは、プログラミング向けのフォントです。文字の読みやすさを重視しています。 最初のリリースは2023年5月で、その後も何度かアップデートされています。 1.000：2023年5月 1.300：2023年10月、Nerd Fonts 3.1.1に含まれる0xProto Nerd Fontのベース 1.500：2023年12月 この記事は、0xProto 1.500をもとに書かれています。 プログラミング向けのフォントとは プログラミングにおけるフォント選択は、単なる見た目だけの問題ではなく、それ以上の意味があります。ソースコードが読みやすくなるようにデザインされているフォントを選ぶべきです。たとえば、以下のような観点があります。 インデントやコードの構造が見えやすいか。縦のラインが揃っていると見やすい場合が多いため、等幅フォントが好まれ
大手コンピューター関連企業のIBMが、無料で商用利用も可能なオープンソースの和文フォント「IBM Plex Sans JP」をリリースしました。太字でもつぶれにくく完成度も高いとのことで、実際にどんなフォントになっているのか確かめてみました。 IBM Plex Sans JP · GitHub https://github.com/IBM/plex/releases/tag/v5.2.1 やばいな〜。IBMがこの度公開した和文のゴシック体フォント「IBM Plex Sans JP」、完全にオープンソースなんだけど、独特のスミ取り処理とかでツブレにくく、これまでになかった表情があってオシャレ。 完成度高くておすすめですよ。https://t.co/wOs2vThCWL pic.twitter.com/IQ3Wau6Grz— トランプ (@t0kri) 「IBM Plex Sans JP」はG
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.6
「新しいBing」の中華フォントを日本語フォントにする - ただいま村
PDFファイルのテキストを人間にしか読めないようにする「Human Eyes Only」
すべての開発者が知るべきGoogle Chromeの隠れた機能5選 - Qiita
意識低い系デザイン本がついに発売！整列ビーム、近接ホールド、デザインの基本がマンガで分かる -デザイナーじゃないのに！
CSSのcalc()関数で、レスポンシブ対応のfont-sizeを可変にするスタイルシートを簡単に生成できる無料ツール
緊急会見に一瞬出たテロップがすごい！フォント界隈がざわつく→業界の人たち「手書きタイトルさんという職種があって…」
「源ノ角ゴシック/Source Han Sans」がバリアブルフォントに ～サイズは1/10以下、可能性は無限大／日本・中国・韓国の65,535グリフをひとまとめ。ウェイトも好みに指定可能
『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン
実家に帰ってきたらオカンがめちゃくちゃ独特な字で般若心経を書いてて可愛い「無がすごい」「このフォント欲しいな...」
IBMのオープンソース日本語フォント「IBM Plex Sans JP」の実力をデザイナーが検証してみた
商用可で完全無料！2020年公開のフリーフォント素材158個総まとめ
Puppeteer で静的サイトの Font Subsetting | blog.jxck.io
商用や同人誌なんかに使いたい可愛いフォントがたくさん！「めっちゃ欲してた」「沼る」などフォント沼の皆さんが湧き立つ
伝わる図解の作り方～レイアウトや配色のポイントを解説～ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
トロピカーナのリブランディングの失敗事例から見る消費者視点｜Off Topic - オフトピック
おもちゃ箱のようなアプリBaaaaのUI/UXが凄すぎた件｜Yusui Hoshino
「鬼滅の刃」に登場する渋い書体の正体 手がけたのは84歳老書家、反響にびっくり｜まいどなニュース
作字テクニックのひとつ「文字を溶かす」を徹底解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Windowsを心配するのを止めてfont-familyにsans-serifとだけ指定するようにしました
【2023年版】font-familyの正しい指定方法・タイプ別おすすめフォント設定例
プログラミング向けフォント「0xProto」の紹介 - Qiita
無料で商用利用可能な和文フォント「IBM Plex Sans JP」をIBMがリリース