ゴシック体と明朝体。フォントの歴史から「与える印象」を読み解く｜まほろばブログ
現代におけるフォントの数は和文フォントだけでも3000種類以上存在するといわれています。 そのなかでも特にゴシック体と明朝体は利用媒体が多く、新聞は明朝体、雑誌やWebの見出しはゴシック体で書かれていることが多く、生活になじみのあるフォントです。 この記事ではゴシック体と明朝体にフォーカスし、その歴史やそれぞれのフォントが与える印象について解説します。 またフォントを組み合わせた使い方やデザインに従事する私たちができることについても考えてみました。 ゴシック体と明朝体の歴史 フォントの代表選手であるゴシック体、明朝体はどのようにして生まれたのでしょうか。 ゴシック体はアメリカの書体家（デザイナー）が開発した書体、明朝体は中国の宋時代の木版印刷の発展から発生した文字です。 ゴシック体の誕生 15世紀の中期、ヨハネス・グーテンベルクの印刷技術から生まれたラテン文字が、後に「ドイツ・ゴシック」と
WEBで使う画像ファイルの拡張子の違い｜JPEG、PNG、GIFの特性や次世代拡張子もご紹介 – ワードプレステーマTCD
WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26
スパイファミリーの表紙に大戦前〜戦後すぐの椅子が描かれてる→「許可取ってる？」「トレパクと言われそう」というコメントが…
白鳥 憂 @sandanjuu これに「許可とってる？」とか「トレパクと言われるかも」とかの反応が幾つか… 第二次世界大戦前とか戦後すぐにデザインされたものばかりで、権利なんかとっくのとうに消え失せてるので、許可なんて取りようもない twitter.com/sandanjuu/stat… 2022-04-27 09:26:37 白鳥 憂 @sandanjuu そういやイームズの椅子欲しかったけど、「正規品」なんてもう売ってないから、リプロダクト探してたけど、日本製無かったんだよな 昔の日本なら「権利が切れたぞ！作りどきだ！」ってガンガン良いものをパクって売って儲けてた民族だと思っていたけれど 2022-04-27 09:29:42
電子ペーパーを額装して飾るとやたらカッコいい
1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：高速道路上にあるバス停が異世界 ＞ 個人サイト NEKOPLA Tumblr 電子ペーパーを飾るということ 「電子ペーパー」は、どちらかといえば地味な存在だ。その多くがモノクロだし、応答速度（画面切り替え）も遅い。液晶と比べると華やかさに欠けるイメージがある。 しかし一方、目が疲れにくかったり、電源がなくても画面表示を保持する特性があったりで、電子書籍端末などに重宝されている。秀才の影に隠れて目立たない無口キャラだけど、「あいつ、実はすごいやつだよな」とクラスで噂されるような存在である。 そんな飾り気のない、質実剛健な電子ペーパーに強く惹かれている。 これは愛用している電子ペーパ
ChatGPTとCanvaでスタイリッシュなプレゼンスライドをお手軽に作成する - Taste of Tech Topics
カメラ好き機械学習エンジニアの@yktm31です。 最近、デザインツールのCanvaが、気になって色々試しています。 そこで今回、ChatGPTとCanvaを使って、どれだけ簡単にきれいなスライドを作れるか試してみました。 Canvaとは Canvaは、簡単にスタイリッシュなスライドや画像等を作成できる、デザインツールです。 テンプレートや素材が豊富にあり、デザイン知識がなくても、質の高いコンテンツを作ることができます。 基本的に無料で使えるのですが、有料契約（Canva Pro）にすると、生成AIでさらに強力にデザインをサポートしてもらえます。 今回利用するのは、「Docs to Decks」と「Text to Image」という機能です。 それらの機能を利用すれば、文章から簡単にデザインを作成することができます。 ただ今回は、そのデザインのベースとなる文章自体も、ChatGPTで自動生
美大講師の本棚【お薦めの10冊】｜遠藤大輔
こんにちは、遠藤大輔です。フリーのグラフィックデザイナーとして活動しつつ、ニューヨークにあるプラット・インスティテュートという美大でコミュニケーション・デザインを教えています。 これまでの美大での活動を振り返り、『デザイン、学びのしくみ』という本を書きました（2023年7月20日刊行）。美大のカリキュラムや学習環境、さらに課題や授業を具体的に紹介しながら、創造力を伸ばす方法を詳細に解説しています。 デザイン、学びのしくみ／美大講師が考える、創造力の伸ばし方 本を読み、本を書く正直、自分が本を書くとは夢にも思っていませんでした。初めて本を書くにあたって僕が採用した方法は、これまで参考にしてきた名著を読み返し、そこから刺激を受けながら、自分の文章を書くという、ずいぶん他力本願な方法でした。結果、『デザイン、学びのしくみ』は、ずいぶん引用や参照の多い本になってしまいました。とはいえ、新しい知識と
『奇跡のフォント 教科書が読めない子どもを知って ーUDデジタル教科書体 開発物語』書体デザイナー、渾身のドキュメント！ - HONZ
『奇跡のフォント 教科書が読めない子どもを知って ーUDデジタル教科書体 開発物語』書体デザイナー、渾身のドキュメント！ 「ディスレクシア（発達性読み書き障害）」という障害があることを知ったのは、ほんの数年前のことだ。トム・クルーズがこの学習障害で、台本を読むことが出来ず、マネージャーに読んでもらって暗記する、と聞いたときには、そんなことがあるのかと驚いた。 文字をすばやく、正しく、疲れずに読むことに困難のある人を言い、そのメカニズムは完全に解明されていないという。 この障害は日本人にも多く、日本語話者の5～８％存在するという報告がされているという。知能レベルや知識の欠如に問題はなくても、会話を文字にすることや文字を読み上げることに大きな苦労を強いられるため、「やる気のない子」「読書が嫌いな子」などのレッテルを貼られがちだ。 さらに文字を読むことが困難な人には、発達障害やダウン症、色覚異
CSS見出しデザイン21選。現場ですぐ使える見出しデザインをご紹介 | BUILD Journal
CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン蛍光ペンのような線をひいたCSS見出しデザイン HTML<h2 class="heading01">ラインを使ったCSS見出し</h2>CSS.heading01 { display: inline; font-size: 26px; background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(252,81,133) 70%); }蛍光ペンで線を引いたような見出しデザインです。display: inlineで複数行にも対応させています。 2色を重ねた線とCSS見出しデザイン HTML<
UIデザインに必須の16の論理ルール！ デザインは細部のちょっとした作り込みが使いやすさを決める
UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。 長い記事なので、時間がある時にゆっくりご覧ください。 16 little UI design rules that make a big impact by Adham Dannaway 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. スペースを利用して関連要素をグループ化する 2. 一貫性を保つ 3. 見た目が似ている要素は同じように機能するようにする 4. 明確なビジュアルヒエラルキーを作成する 5. 不要なスタイルを削除する 6. カラーは意図的に使用する 7. インターフェイス要素のコントラスト比が3:1であることを確
バーバリーなど2018年にロゴリニューアルした有名6ブランドを新旧比較してみた｜SMARTCAMP DEXIGN｜note
スマートキャンプデザインブログです。 今回は2018年にリニューアルが相次いだハイブランドのロゴリニューアルについて、スマートキャンプインターンの八尋がまとめました。 ハイブランドのロゴリニューアルラッシュブランドのロゴというのは、そのブランドの個性や特徴を一番に表します。富裕層をターゲットとしているハイブランドにとって、高級感や豪華な印象を表すために重要な役割を担う存在と言えます。 また、今まで親しまれていたロゴを新しくすることは、ブランドイメージを新しくすることにつながります。 2018年にロゴをリニューアルしたハイブランドの新旧のロゴを比較して見たいと思います。 1. BALENCIAGA（バレンシアガ） Renewal / 2018春夏コレクション~ 20世紀前半のモード界において「クチュール界の建築家」とも評され、今も世界中で愛されているハイブランドとして有名なBALEN
【ChatGPT】海外でバズったヤバい使い方9選【2023年3月版】 | WEEL
ChatGPTでインテリアデザインを出力 この記事では、CnatGPTとほかのツールを連携させて高品質なインテリアデザインを出力させる方法が紹介されています。 ok, I got ChatGPT working with Additive Prompting Here's a 1 paragraph ChatGPT prompt you can use to generate infinite interior design/architecture photographs w/ 90%+ coherence to the prompt in Midjourney Full prompt w/ examples in thread. Try reading the prompts as you go 🧵 pic.twitter.com/zhGB03UGpD — Nick St. Pier
デジタル庁、Web・アプリデザインの指針まとめた「デザインシステム」公開 地方自治体の活用も見込む
デジタル庁は11月11日、Webサイトやアプリの開発時、一貫したデザインにできるよう情報をまとめた「デザインシステム」を公開した。「デザインシステムに関わる活動をオープンにし、デザインシステムの認知向上や改善につなげる」（同庁）という。府省庁への適用に向け作成しているものだが、よりユーザーが使いやすいWebサイト・アプリの開発を目指す地方自治体の活用も見込む。 デザインシステムとは、あらかじめデザインの方針を文書などでまとめておいたり、色使いやフォントなどの具体的な要件を定めたりしておくことで、さまざまなサービスで一貫したデザインを保てるようにする取り組み。開発者・デザイナーのコミュニケーションを円滑にし、デザインの改善を高速化する意図でも使われる。 デジタル庁はデザインコラボレーションツール「Figma」で構築中のデザインシステムを公開。利用の手引きにはじまり、色使いや使うフォントをまと
フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)｜原田 佳樹 Harada Yoshiki
こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！ 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル＋タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー
Webデザインの有料学習サイトが無料化 IllustratorやPhotoshop入門などが見放題
chot.design上のコンテンツは、実際にWeb／IT企業で働いている現役のクリエイターが制作したものという。ちょっと社代表の小島芳樹さんは自身のTwitterアカウントで「変なオンラインサロン入る前にここで勉強してみてください！」とアピールしている。 無料公開を決めたのは同サービスの運営から手を引くため。現在は全レッスンの無料公開と共に、有料サービスの利用者に対して返金対応を行っている。 ちょっと社が取り組んでいたデザインやフロントエンド開発の受託事業が急激に成長した影響で、chot.designに手が回らない状況が続いた。今後はサブスク型プログラミングスクールを提供するDonbler（東京都渋谷区）が事業を継承するとしている。 関連記事 穴埋め問題を簡単に作れるWebサイト、「試験勉強に役立つ」と話題に 教育系IT企業のCTOが作成 マウスやタッチ操作で直観的に穴埋め問題を作成でき
MSゴシックで資料や店内POPを作るのは止めて！キレイなフォントで印象UPを！ | リンゴノマド
早速ですが、あなたに質問です。 次の2枚のPOPのうち、どっちがキレイな印象に感じますか？（クリックすると大きい画像が表示されます） いかがでしょうか？おそらく大半の方は左側の方を選ぶんじゃないかと思います。 全く同じレイアウト・内容ですが、フォントだけ変えてあります。左が「ヒラギノ角ゴシック」。右が「MSゴシック」で作ってあります。 上の2つの画像のように同じレイアウト・内容でも、フォントが変わるだけで印象がぐっと上がるんです。 自分が作った資料・POPがダサいと感じていたら… 資料や店内POPを頑張って作った後に、仕上がったものを見て「なんかダサい…」そんな風に思った事はありませんか？ そんな時は”フォント”を変えてみましょう！それだけでも全体の印象がガラッと変わりますよ！ 元々MacやWindowsに元から入っているフォントを使えば十分、あなたの作った資料やPOPを良い雰囲気にできま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アニメ・マンガ・ゲームで実際に使用されているフォントを集めました ｜ デザインポケット
MSゴシックを使う外国人デベロッパーに「忌まわしきMSゴシックを使うな」というお仕事「あのディズニーでも無頓着」
絵心いらずで基本無料。AIがやってくれる「Microsoft Designer」アプリ
Goldman Sachs
“思わずクリックしたくなる”バナーデザイン発注のコツ！ 「イメージと違う」を解消する6項目 | 【レポート】デジタルマーケターズサミット2022 Summer
