Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 71 - 80 ( 5087 件中 ) [ ←前ページ / 1 2 3 4 5 6 7 8 9 10 => / 次ページ→ ] ロゴデザイン作成に効く、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:51margin: 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 CSSの記述はこれで大きく変わる! セレクタの適用範囲を設定できる、CSS @scopeの基礎知識と使い方を解説2023/11/10(Fri) 08:52CSSのセレクタで深い階層の要素を記述するとき、たとえば.card > .content > img.heroのように長いセレクタになってしまうことがあります。Chrome 118からサポートされたCSSの@scopeを使用すると、セレクタの適用範囲を設定できるので、簡単になります。上記のセレクタは、.card内のimgと記述できます。CSSの@scopeの基礎知識と使い方を紹介します。https://coliss.com/articles/build-websites/operation/css/css-scope-at-rule.html デザイナー必見!AIで作業が「10倍」速くなる!Figmaプラグインまとめ2023/11/09(Thu) 09:17WebデザイナーやUIデザイナー、クリエイターのみなさんは、日々デザイン作業に追われています。アイデア出し、レイアウト、アニメーションなど、さまざまな作業に時間と労力を割かなければなりません。さらに常に変化するデザインの流行や新しい知識、技術を身につける時間も必要。「できるだけ効率よく作業時間を短縮したい」と思っている人も多いでしょう。そんな悩みを解決するのが、AIを活用したFigmaプラグインです。https://photoshopvip.net/153089 ロゴデザインのプレゼンは「すべて」を見せれば、うまくいく。2023/11/08(Wed) 09:05ロゴデザインのプレゼンテーションでお客様に喜んでもらえると本当に嬉しいですよね。僕はロゴデザインのプレゼンテーションでは、完成したロゴだけではなく、制作時に行なった様々な検証もお客様にお見せするようにしています。https://note.com/grizzlly_design/n/n393868b9db98 Google Fontsからちょっと面白いフォントがリリース! 商用利用無料、折れ線グラフや棒データを描くためのフリーフォント2023/11/07(Tue) 08:49折れ線グラフを描画するためのフォント「Linefont」、波形・スペクトル・ダイアグラム・ヒストグラムなどの棒データを描画するためのフォント「Wavefont」が、Google Fontsで利用できるようになったので紹介します。https://coliss.com/articles/freebies/linefont-and-wavefont.html 71 - 80 ( 5087 件中 ) [ ←前ページ / 1 2 3 4 5 6 7 8 9 10 => / 次ページ→ ] - Yomi-Search Ver4.21 -