サイト構築 -デザイン

簡単で便利!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 Trend Report

Post on:2019年6月6日

デザインの引き出しを増やすためにも、トレンドを押さえておくことは大切です。 タイポグラフィ、カラー、形など、デザインの基本となる要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。

...記事の続きを読む

これは珍しい!医療や科学など、サイエンスのイラストやダイヤグラムを作成できるオンラインツール -Bio Render

Post on:2019年5月31日

医療や科学、細胞、ナノ粒子、微生物、人体、骨格、筋肉、臓器、実験室、実験器具、医療機器など、サイエンス系のイラストやダイヤグラムを作成できるオンラインツールを紹介します。 イラストとは言え、けっこう生々しいのもあるので、

...記事の続きを読む

デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer

Post on:2019年5月27日

色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーの

...記事の続きを読む

このやり方はマスターしておきたい!Adobe公式、Photoshopで複雑な形を選択し、切り抜く方法

Post on:2019年5月24日

Adobe Creative Cloudの公式チャンネルから、Photoshop CC 2019で複雑な形を選択し、切り抜く方法を紹介します。 切り抜きの基本的なテクニックで、確実にマスターしておきたいやり方です。

top of page

©2024 coliss