サイト構築 -デザイン
これでもうモックアップ素材に困らない！スマホ、タブレット、デスクトップほとんどすべてのデバイスが揃ってる -Devices
Post on:2019年10月2日
スマホ、スマートウォッチ、タブレット、コンピュータ、ディスプレイなど、ほとんどすべてのデバイスが網羅されたモックアップ素材を紹介します。 iPhone 11 Pro, Google Pixel 3などの最新機種をはじめ、
簡単で便利！Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette
Post on:2019年9月24日
最近のUIデザインでよく使用されている、一貫性のある単色のカラーパレットを簡単に生成でき、そのカラーパレットをSketch, Figma, AdobeXDなどにコピペで利用できるオンラインツールを紹介します。 CopyP
UIデザイン用に最適化されたおすすめのフリーフォント！小さいサイズでもくっきり綺麗で、読みやすい -Inter
Post on:2019年9月9日
以前、当ブログで紹介した「Inter UI」が名を改め、さらにくっきり綺麗に表示されるよう進化したUIデザイン用のフリーフォントを紹介します。 特に、小さい文字サイズと中くらいの文字サイズの読みやすさに重点が置かれており
これはすごい！形やカラーをアニメーションで変えられる、コードによって作成されたフリーフォント -Leon Sans
Post on:2019年9月2日
フォントでいろいろなデザイン、表現をしたい人にぴったりなLeon Sansを紹介します。フォントを書くアニメーションだけでなく、さまざまなアニメーション、エフェクト、シェイプを自由に作成でき、インスピレーションが刺激され
スマホやWebページでよく見かけるUIコンポーネントのデザインと実装コードの無料ライブラリ -Eva Design System
Post on:2019年7月16日
Webサイト・スマホアプリ用のさまざまなUIコンポーネントのデザイン素材とそれを実装するコード、480醜類のSVGアイコンなどがすべてセットになったWebコンポーネントライブラリを紹介します。 UIコンポーネントを使用し
美肌加工で不自然なのっぺりがない！Adobe CCの5月のアップデートで実装された新機能がすごすぎ！
Post on:2019年6月13日
Adobe CCの5月のアップデートで、新しい編集コントロール「テクスチャ」が実装されました。利用できるのはAdobe LightroomとCamera Rawで、もちろんPhotoshopでも利用できます。 「テクスチ
面倒な配色もこれなら簡単に！多くの人に見やすいUI用のカラースケールを生成する無料ツール -Geenes
Post on:2019年6月10日
このツールを使うと、面倒な配色を考える必要はなくなります。WebページやスマホアプリのUIで使用するカラースケールを生成できる無料ツールを紹介します。 最近増えてきた同系色のカラーでホワイトやブラックを加えたり、リーダビ
2019年最新版！最近見かけるロゴのデザインに使われているトレンドのまとめ -2019 Logo Trends
Post on:2019年6月6日
デザインの引き出しを増やすためにも、トレンドを押さえておくことは大切です。 タイポグラフィ、カラー、形など、デザインの基本となる要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。
これは珍しい！医療や科学など、サイエンスのイラストやダイヤグラムを作成できるオンラインツール -Bio Render
Post on:2019年5月31日
医療や科学、細胞、ナノ粒子、微生物、人体、骨格、筋肉、臓器、実験室、実験器具、医療機器など、サイエンス系のイラストやダイヤグラムを作成できるオンラインツールを紹介します。 イラストとは言え、けっこう生々しいのもあるので、
デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer
Post on:2019年5月27日
色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーの
sponsors
