Web制作に役立つ情報一覧

まるで魔法！なぞるだけで静止画が動き出すAI新ツール Runway

2023/12/01(Fri) 08:58

「静止画をアニメーション付きの動画に変換したい」とお考えの方へ。Runway AIというツールを利用すれば、ブラシで動かしたい要素をなぞるだけで、簡単に動画を生成することができることから、いま世界中で話題となっています。

https://photoshopvip.net/154125#google_vignette

UIデザインに最適！ 文字サイズが小さくてもくっきりと美しいフリーフォント「Inter」が待望のバージョンアップ

2023/12/01(Fri) 08:56

2017年にリリースされて以来、UIデザインをはじめ、ロゴやグラフィックデザインなど幅広い用途向けに設計されたフリーフォント「Inter」が2年振りにバージョンアップされて、最新版「Inter 4」が公開されました。

https://coliss.com/articles/build-websites/operation/work/inter-4-for-ui-design.html

カメラ初心者が取材・インタビュー撮影で気をつけるべきポイント

2023/11/30(Thu) 08:57

取材記事・インタビュー記事を作成している企業さんのなかには、「どうやったらいい写真が撮れるんだろう」とお悩みの方が多いのではないでしょうか？今回は、私のカメラマンとしての経験をもとに、取材時の撮影のポイントをまとめました。プロカメラマンの井手さんからのアドバイスいただきつつまとめているので、カメラを始めたばっかりだけど、メディアに載せられる写真を撮れるようになりたい！という方はぜひご覧ください。

https://liginc.co.jp/614199

これはブックマークしておくと便利！ HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで100種類以上のリボンを簡単に実装できる -CSS Ribbon Shapes

2023/11/30(Thu) 08:56

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のリボンを実装できるCSS Ribbon Shapesを紹介します。リボンは、よく見かけるシンプルなリボンをはじめ、パネルに垂れ下がるようなリボンや複雑な形状のリボンまでたくさんあります。リボンを実装するときには、ここを見ればコピペで簡単に実装できます。

https://coliss.com/articles/build-websites/operation/css/css-ribbon-shapes.html

ロゴデザイン作成に効く、Midjourneyプロンプトの【新常識】

2023/11/29(Wed) 08:54

画像生成AIのMidjourneyを1年間使い続け、特に気に入っているのが、AIによるロゴデザインの作成です。ロゴを適当に利用してしまうと、大きなデメリットしかなく、もったいなさすぎます。その理由はずばり、ロゴは単なるきれいなイメージではないからです。ロゴは、ブランドのすべての価値を表す重要な略語なのです。

https://photoshopvip.net/153856

フォント好きに、ぶっ刺さる新作フリーフォント50選 2023年11月度

2023/11/22(Wed) 08:54

そろそろ新しいフォントが欲しいとお考えの方へ。この記事では、最近公開されたばかりの新作フリーフォントのみを集めており、いろいろなデザインに挑戦してみたいという人にオススメです。デザインや表現の幅を広げる、クリエイティブなフォントを探してみましょう。しかも、すべて無料でダウンロード可能。

https://photoshopvip.net/153683

すべてのページが美しく、ワクワクする配色のアイデアが満載！ デザインやイラストにおける色の使い方も学べる配色本 -「悩まない」配色の基本

2023/11/20(Mon) 08:57

これまでの配色本とはかなり異なる、ワクワクする素敵な配色を自分でも作れるようになるデザイン書を紹介します。ぼんやりとしたイメージや感覚には頼らず、好きな色や使いたい色から配色を組み立てるプロが設計した実践的な配色本です。実際のデザインに使用されている配色は豊富に収録されており、その配色の意図や考え方もしっかり解説されています。

https://coliss.com/articles/book-review/isbn-9784798178790.html

CSSのmargin: auto;の仕組みをおさらい、最近の実装で使用される中央配置やナビゲーションのテクニック

2023/11/17(Fri) 08:51

margin: auto;は非常に便利なCSSで、使用することも多いと思います。そのmargin: auto;の仕組みをおさらいし、最近の実装で使用される中央配置のテクニックを紹介します。また、ナビゲーションでタイトル以外のリンクを右寄せに配置させるなど、便利なテクニックが満載です。

https://coliss.com/articles/build-websites/operation/css/all-about-margin-auto-in-css.html

地味だけど嬉しい新機能！ フォームのセレクトボックスで区切り線にhrを使用できるようになりました

2023/11/16(Thu) 09:04

フォームのセレクトボックスで区切り線にhrを使用できるようになりました。すでにSafariでもサポートされており、これでChorme, Edgeでも使用できます。

https://coliss.com/articles/build-websites/operation/work/select-element-with-horizontal-rules.html

Webデザインで意識したい3つの錯視効果

2023/11/13(Mon) 08:57

「錯視」と言えば、かの有名なエッシャーの立体錯視によるだまし絵や、あるはずの無い色が見えてしまう錯視や直線が曲がって見える錯視などなど、世の中には数多くの錯視効果が存在します。この錯視ってやつ、見た目を狂わせてくるのでデザイナーとしては非常に厄介なもの。錯視による小さな違和感がグッドなデザインを台無しにすることも珍しくありません。

https://note.com/chot_designer/n/n3128ae2086a7