イラストのディレクション本がついに発売!イラストの仕事に携わる人は目を通しておいて損のない一冊 -たのしく、イラストディレクション!

イラストのディレクションって、何からどうすればいいの? そんな不安を完璧に解消してくれるイラストのディレクションを徹底解説した良書を紹介します。

こういった解説書は、初じゃないでしょうか。
イラストのディレクションを基本から、イラストレーターの見つけ方、発注方法、最初に伝えるべき内容、クライアントへの提案、スケジュールや料金、著作権や契約についてまでよく分かる一冊です。

イラストをどのように効果的にデザインで使用すればよいのか、制作の前段階から納品後までその過程がくわしく解説されています。

たのしく、イラストディレクション!

続きを読む

CSSで画像の上に表示するテキストをより読みやすく、より美しくするテクニック・実装方法のまとめ

画像の上にテキストを配置する際に、より読みやすく、より美しくするCSSのテクニックを紹介します。

CSSで画像上にテキストを表示する際に起こる問題に対するさまざまなアプローチと解決するための実装方法を解説。また、最近見かけた素晴らしいテクニック、便利なツールなども紹介します。

画像上に表示するテキストをより読みやすく、より美しくするCSSのテクニック まとめ

Handling Text Over Images in CSS
by Ahmad Shadeed

続きを読む

Adobe CCユーザーに朗報!🎉 キリギリスや味明やルイカなど、日本語フォントがAdobe Fontsに大量追加

Adobe CCユーザーに朗報です!🎉
Adobe Fontsにまたまた、191書体の大量の日本語フォントが追加されました。これでトータル436の日本語フォントが利用できます。

日本語フォントがAdobe Fontsに大量追加

続きを読む

CSSの新しいセレクタが便利!複数のセレクタを1つにまとめられる:is()、さらに詳細度を0にする:where()の使い方

CSSの新しいセレクタが、主要なすべてのブラウザにサポートされました(ただし、IEは除く)。複数のセレクタを1つにまとめられる:is()、同機能でさらにセレクタの詳細度を0にする:where()をどのように使い分ければよいのか紹介します。

複数のセレクタを1つにまとめられる:is()、さらに0詳細度にする:where()の使い方

:where() has a cool specificity trick, too.
by Chris Coyier

続きを読む

FigmaでWebサイトやスマホアプリのデザインシステムを制作する手順を解説

UI/UXデザインのコラボレーションツール「Figma」で、Webサイトやスマホアプリのデザインシステムを制作する手順を紹介します。

カラーパレットをはじめ、タイポグラフィ、シャドー、アイコン、コンポーネントなど、Figmaでデザインシステムに必要なものをどのように制作するか解説します。

Figmaでデザインシステムを制作する手順を解説

Creating a Design System in Figma.
by Marc Andrew

続きを読む

商用無料のおしゃれな手描きイラストを使いたい人に!太っ腹ライセンスで利用できるイラスト素材 -Skribbl

個人でも商用でも完全に無料、クレジット表記の必要もなし、変更や編集も可の太っ腹ライセンスのイラスト素材を紹介します。

イラストはすべて手描きで、スタートアップ、ハンドなどの定番ものから、在宅勤務やCOVID-19、ファッション、スポーツ、フラワーなどのテーマが揃っています。

太っ腹ライセンスで高解像度のイラスト素材 -Skribbl

Skribbl -Free, Hand-drawn Illustrations

続きを読む

Adobe XDによるUIデザイン・ワイヤーフレームの制作方法を豊富な実例から学べる、UIデザイナーにお勧めの良書

Adobe XDでWebサイトを制作したい、ワイヤーフレームの作り方を具体的に知りたい、コミュニケーションやプレゼンテーションツールとして活用したい、基本操作から実務レベルの使い方まで詳しくていねいに解説した一冊を紹介します。

Adobe XDは、Webサイトやアプリの制作で欠かせないツールの1つとして多くのユーザーに支持されています。Adobeユーザー(登録無料)なら無料で利用でき、Webサイトやアプリの制作だけでなく、コラボレーションツールやコミュニケーションツールとしても活躍します。

Adobe XD Webデザイン入門

続きを読む

Flexboxで実装する定番レイアウトのコードのまとめ

Webページやスマホアプリに使用される一般的な定番レイアウトをCSS Flexboxで実装したシンプルなコードを紹介します。

ヘッダ・コンテンツ・フッタがあるレイアウトをはじめ、サイドバーがあるレイアウト、スマホに対応したカードの配置、高さを揃えたカード、異なる高さのカードを使用した価格表など、コピペで簡単に使用できます。

Flexboxで実装する定番レイアウトのコードのまとめ

Evergreen CSS Flex Layouts With Live Demos
by Miroslav Nikolov

続きを読む

top of page

©2021 coliss