Fluid Type Scale - Generate responsive font-size variables
Minimum (Mobile)At this minimum viewport width, all font sizes in your type scale are computed as the base font size times a power of your chosen ratio. Base font size (px)Screen width (px)Type scale ratioMinor secondMajor secondMinor thirdMajor thirdPerfect fourthAugmented fourthPerfect fifthGolden ratio Maximum (Desktop)At this maximum viewport width, all font sizes in your type scale are comput
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
トップ | 株式会社ボーンデジタル
CONTACT 製品のご購入、書籍やセミナー、 CGWORLDに関するお問い合わせはこちら 購入者向けソフトウェアサポート に関するお問い合わせはこちら 個人情報に関する お問い合わせはこちら ボーンデジタルへのお問い合わせは上記の各種お問い合わせフォームからお願いいたします。状況によっては、お返事にお時間をいただくことがございます。
astamuse Lab
こんにちは、中塚と申します。 今回の記事では、私が先日参加したKaggle Days x Z by HP World Championship (以降、Kaggle Days Championship) について紹介します。ただし、どれくらいCompetitionの内容に触れていいのかが不明なので、今回はタスクや解法の詳細には触れませんのでご理解願います。 私はチームで参加しましたが、チームメンバに恵まれたこともあり、上海開催ではPublic (暫定順位) 11位 / Private (最終順位) 14位、ニューデリー開催ではPublic 4位 / Private 3位でした！各開催のいずれかで3位以内に入ると、バルセロナのオフラインでの最終開催への参加権を得ることができるので、私はスペインへ行くことができそうです。 Kaggle Days Championshipとは？ Kaggle D
KITASLOT777: Situs Slot Online Gacor Maxwin Gampang Menang Terbaru Hari Ini
🎰 Slot Online, 🎯 Casino Online, ⚽️ Judi Bola, 🎱 Togel Online Daftar Situs Judi Slot Online Gacor Resmi Mudah Menang Maxwin Terbaru Para penggemar permainan judi, baik judi versi lawas ataupun versi online memang semakin bertambah. Salah satu faktor yang menyebabkan terjadinya hal tersebut adalah kemudahan dalam mengakses situs judi online. Selain itu, sekarang ini kita dapat dengan mudah menemu
なぜWebブラウザの文字組みは汚いのか？元エディトリアルデザイナーが解決策を提案します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。入社以前はエディトリアルデザイナー（新聞・雑誌・書籍などの出版物のデザイナー）として書籍の装丁などもしていました。フロントエンドエンジニアのほりでーです。 今回は紙のデザインとWebデザインにある大きな違いのひとつ、「文字組みアキ量」というものについてお話しします。日本語組版のルールにも詳しく触れていくため、Webの経験しかない方も是非読んでみてくださいね！ 2017年2月27日追記：有識者の方からのご指摘を反映し、記事の内容を一部訂正いたしました。詳細な訂正内容については記事末尾をご覧ください。 今回の要点 日本語組版は約物（記号類）のアキが大事 Webブラウザの文字組がイマイチなのは、約物のアキ量が常に一定であることが原因 font-feature-settings: “halt” 1; で約物のアキをなくせるようになった jQury.yakumonoプラグインで行末約物半
美しいデザインを作る鍵「タイポグラフィ」基礎の基礎 デザイン会社 ビートラックス: ブログ
美しいデザインとは何だろうか？ 言い換えれば、何がデザインの美しさを決定するのだろうか？ デザインを構成する要素はレイアウト、線、図形、色、形式、質感、そしてタイポグラフィなどがあるが、実はこのなかで最も重要なのがタイポグラフィである。 今回はこのタイポグラフィの基礎について、btrax CEO、Brandon K. Hillによる社内ワークショップの内容をもとにお伝えしたい。 デザイナーではないビジネスパーソンの方にとっても、書類作成等に大いに役立つ内容であるので是非参考にしていただきたい。 1．そもそもタイポグラフィとは？タイポグラフィとは、言葉を見やすく、読みやすく、 そして魅力的に見せる ための、 字体を配置する技術であり芸術である タイポグラフィの歴史は古く、15世紀まで遡る。最初のタイポグラフィはBlackletterである。（ちなみにこの発明以前、本などは人による手書きであっ
持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方
フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライドと同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で51ページ。 フォントに含まれている全ての字形がバランスよく、カッコいいものはあまり多くはありません。多くのデザイナーが使用している各フォントの特徴を理解し、漢字と仮名、そして英数字・約物・
フォントのリガチャ（合字）やスワッシュの正しい使い方
ロゴやメッセージ、キャッチコピーなどで、単に文字を並べるだけは味気ないものです。リガチャ（合字）やスワッシュを使って、文字のデザインを楽しみましょう！ 質問メールがたまにくるので、フォントのリガチャやスワッシュの正しい使い方を紹介します。 フォント: TheSecret 最近のお気に入りフォント「TheSecret」を使って、リガチャとスワッシュの使い方を見てみましょう。 ※TheSecretの作者様に画像掲載の許諾を得ています。 リガチャ（合字）とは、スワッシュとは リガチャ（合字）とスワッシュの使い方 リガチャ（合字）とは、スワッシュとは リガチャ（合字）とは複数の文字を合成して一文字にすること、スワッシュとはスクリプト系フォントのにょろっとした字形。 TheSecretはスクリプト系フォントの中でも、特にリガチャとスワッシュが充実しており、文字のデザインを楽しめます。
クリエイティブな広告やポスターのデザインから学ぶ！参考にしたい文字レイアウト
広告やポスターをデザインする際、ときにはコピーの配置やレイアウトに悩むこともありますよね。そんなときに文字レイアウトや配色が参考になりそうな広告・ポスターをご紹介します。 広告デザインに参考になる文字レイアウト 選 では参考になるデザインをご紹介します。 アニメ王決定戦のポスター 出典：kettle.co.jp こちらは2011年に開催された、au EZwebから参加できるアニメ王を決めるためのクイズ大会。文字に帯を引いたり、注目させたい文字への色使いの変化が目立ちますね。2011年の作品です。 LUMINE 出典：magazine.lumine.ne.jp こちらはLUMINEの広告の中でも色使いがシンプルなもの。中央に大きくレイアウトされた文字は、半透明なのにきちんと可読性があり、白い文字の透かし具合が絶妙です。 新村水産 出典：shinmurasuisan.net こちらは「新鮮な魚
基本的だけど大切なタイポグラフィのシンプルな14のルール
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
フォントにレトロちっくなかわいいエフェクトを与えるPhotoshop用の素材 -Pixeden
Old School Retro Psd Text Effect 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくはダウンロードファイルの「license-README-FIRST.txt」をご覧ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
タイポグラフィの素晴らしい世界をまずは無料のものから学んでみるebookのまとめ
Studio Albin Holmqvist