Figmaの実践的な使い方がこれでよく分かる! UIコンポーネントの作り方にフォーカスされた解説書 -Figmaで作るUIデザインアイデア集
Post on:2024年7月26日
※本ページは、アフィリエイト広告を利用しています。
UIデザインでもっとも使われているツールは何か、と言えばFigmaと答える人が多いと思います。Figmaは、Webサイトやスマホアプリの制作において欠かせないといっても過言ではないデザインツールです。
そんなFigmaをもっと使いこなしたい、UIデザインをする際のアイデアや実践的なテクニックを解説した解説書を紹介します。デザインシステムをベースにしているので、しっかりとした知識を学ぶことができます。
![Figmaで作るUIデザインアイデア集](http://coliss.com/wp-content/uploads-202403/9784295019084-01@2x.png)
Webサイトを使いやすく改善する、知っておくと便利なCSSのテクニック
Post on:2024年7月25日
Webサイトのエクスペリエンスを改善するCSSの便利なテクニックを紹介します。
基本的には一行のCSSですが、より良くするためにCSSを追加して複数行のものもあります。
![知っておくと便利なCSSのテクニック](http://coliss.com/wp-content/uploads-202403/2024071301@2x.png)
CSS One-Liners to Improve (Almost) Every Project
by Álvaro Montoro
地味に役立つ! 手描きでさまざまな形状がいい感じ、200種類以上の矢印・アローのSVG素材 -Handy Arrows
Post on:2024年7月24日
Webサイトやスマホアプリをはじめ、プレゼン・スライド・インフォグラフィックなど、さまざまなプロジェクトで無料利用できる矢印・アローのSVG素材を紹介します。
矢印・アローは200種類以上あり、すべて手描きです。直線でデザインされたのもいいですが、手描きもなかなかいい味をだしますよね。
![200種類以上の手描きの矢印・アローのSVG素材 -Handy Arrows](http://coliss.com/wp-content/uploads-202403/2024072201-01@2x.png)
これはすごい便利! WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata
Post on:2024年7月23日
WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。
112種類のアニメーション化されたUIコンポーネントが揃っており、見ているだけでもインスピレーションが刺激されます。
![UIに今時のアニメーションやインタラクションを簡単に実装できる -Animata](http://coliss.com/wp-content/uploads-202403/2024070701-01@2x.png)
CSS Gridの便利な無料ツールが登場! レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
Post on:2024年7月22日
最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。
使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。
![レイアウトを確認しながらCSS Gridのコードを生成できる無料ツール -CSS Grid Generator](http://coliss.com/wp-content/uploads-202403/2024072001@2x.png)
FigmaのAIによる学習「コンテンツのトレーニング」をオフにする方法、独自性・機密性の高いデザインを扱っている場合は注意が必要です
Post on:2024年7月19日
Figmaは、2024年6月にサンフランシスコで開催されたFigma Config 2024でFigma AIを発表しました。
FigmaのAIが学習に使用する予定のデータには、ユーザーが生成したコンテンツも含まれており、独自性の高いデザインや機密性の高いデザインを扱っている場合は、この学習機能をオフにしておいた方がよいでしょう。
FigmaのAIによる学習機能は、8/16から始まる予定です。
![FigmaのAIによる学習「コンテンツのトレーニング」をオフにする方法](http://coliss.com/wp-content/uploads-202403/2024071801@2x.png)
ゴシック体の素晴らしい世界が広がる! 商用利用無料、可読性に優れたフリーフォント「永代ゴシック」がリリース
Post on:2024年7月18日
2024年用、日本語のフリーフォントをアップデートした際に好評だった「KTきよすなゴシック」をはじめ、可読性に優れたフリーフォントをリリースされている「こはくのタイプライブラリ」から、新作フリーフォントがリリースされました!
今回は可読性に優れた、字面の大きなモノラインのゴシック体「永代ゴシック」です。教育漢字を含む1,390文字の漢字が揃っており、タイトルやテロップなどにぴったりです。
![永代ゴシック](http://coliss.com/wp-content/uploads-202403/2024071501@2x.png)
Web制作・デザイン・イラスト関連のこんな大規模Kindleセールは初めて! 本日終了のもあるので、お見逃しないように
Post on:2024年7月17日
※本ページは、アフィリエイト広告を利用しています。
現在、4つ分のKindleセールが同時開催しています!
インプレス社、翔泳社、エムディエヌコーポレーション、フィルムアート社、ソシム社、ビー・エヌ・エヌ社をはじめ、当ブログでも紹介したことがあるWeb制作・デザイン・イラスト関連のKindle本がお買い得です。
今年発売されたばかりのKindle本も多数、セール初登場や久しぶりのセール対象もあり、貴重なこの機会をお見逃しないように。
![Kindleセールの対象本](http://coliss.com/wp-content/uploads-202403/kindle-202407@2x.png)