サイト構築 -デザイン

デザインの基本: フォントのカーニングとは、カーニングの基本的なやり方

Post on:2018年12月17日

Webでも紙でも文字のデザイン、タイポグラフィは非常に大きな存在です。 文字のデザインで基本となるカーニングについて、基礎知識から基本的なやり方、CSSでのカーニングのやり方までを紹介します。 The Ultimate

...記事の続きを読む

2019年の流行色・トレンドカラーは、かわいい珊瑚色の「Living Coral」HTMLのコードは「#FF6F61」

Post on:2018年12月6日

2019年の流行色・トレンドカラーがPantoneから発表されました。 2019年のトレンドカラーは、生き生きとした生命を象徴するサンゴの色合い「Living Coral」、柔らかさと活気が備えられたカラーです。 Pan

...記事の続きを読む

iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材

Post on:2018年11月28日

iOS 12のパブリックリリース版で使用されている全てのUI要素・スクリーンが収録された、Adobe XD, Sketch, Figma用の無料デザイン素材を紹介します。 iOS 12 GUI

Adobe CCユーザーは完全無料!新作フォント「貂明朝テキスト」、新ゴ・ロダンも含まれた日本語フォントのパックが登場!

Post on:2018年11月21日

Adobe MAX Japan 2018の開催に伴い、Creative Cloudの有償メンバー向けに日本語フォント環境がアップデートされました。新作フォント「貂明朝テキスト」、新ゴ・ロダンも含まれた日本語パックなど、C

...記事の続きを読む

色盲・色弱の人にWebページがどのように見えているかシミュレートできるChromeの機能拡張 -Colorblindly

Post on:2018年11月15日

色盲や色弱の人がどのように見えているかシミュレートできるオンラインサービスはいつかありますが、テストサーバーやローカルで利用できないのが残念なところです。 色盲・色弱の人の見え方をシミュレートできるChromeの機能拡張

...記事の続きを読む

UI用のカラーシステムを構築する新しい方法とツール

Post on:2018年10月30日

少人数で一回限りのプロジェクトであれば、カラーシステムは割と簡単に構築できます。しかし、大人数や長期間のプロジェクトになると、そう簡単ではありません。 Webサイトやスマホアプリで、長期的に使用でき、拡張性があり、アクセ

...記事の続きを読む

デザインの勉強にもなる!ロゴのデザインをさまざまな面から検証し、改善点が分かるオンラインツール -Logo Lab

Post on:2018年10月19日

あなたのロゴをさまざまなデザイン面から検証し、デザインの改善点が分かる無料オンラインツールを紹介します。 ロゴの視覚的なバランスはどうか、カラーに依存されていないか、大きい小さいサイズでどうかなど、ロゴが使用されるあらゆ

...記事の続きを読む

これすごい便利!17,530種類の色の名前がすぐに分かる無料の辞書ツール -color-names list

Post on:2018年10月10日

色のコードを元に、色の名前がすぐに分かる便利な辞書ツールを紹介します。2018年10月現在、17,530色が登録されており、色の名前が必要な時に役立つと思います。 参考: Random color harmonies

こんな色の組み合わせもあるんだ!さまざまなテーマに合ったカラーパレットがまとめられた -SchemeColor

Post on:2018年9月26日

カラーパレットがまとめられているサイトはいくつかありますが、今回紹介するのはデザインやイラスト、ビジネスにも使えるさまざまなテーマごとに充実したカラーパレットが揃っており、完全無料でダウンロードできる優れものです。 配色

...記事の続きを読む

Photoshop CC 2019の新機能「コンテンツに応じた塗りつぶし」の使い方

Post on:2018年9月11日

「コンテンツに応じる」は、Photoshopの機能の中でもかなりの頻度で利用する人が多いと思います。そんな「コンテンツに応じる」の塗りつぶし機能が大幅に進化し、「コンテンツに応じた塗りつぶし」としてPhotoshopの次

...記事の続きを読む

top of page

©2025 coliss