Web制作に役立つ情報一覧

【総まとめ】2023年公開のすごいPhotoshopチュートリアル、作り方ベスト70

2023/12/22(Fri) 09:10

２０２３年は、Photoshopにとって「革命」と言えるほど重要な年となりました。理由はずばり、「AIを活用することで、従来は考えられないほど簡単に、デザインができるようになった」から。これまでプロでも時間と手間のかかっていた面倒な作業も、ほんの数クリックで誰でも作成できる。そんな嘘のようなことが、当たり前になってきています。この記事では、２０２３年のフォトショップ最新機能やチュートリアル、使い方ベスト70選をご紹介。

https://photoshopvip.net/154542#google_vignette

デザイン仕様が伝わるFigmaのデザインの作り方

2023/12/22(Fri) 09:09

FigmaでUIデザインをおこし、それを実装する人にハンドオフ（デザインデータを共有する）ときに、どのようなことに気をつけると良いかを書いてみます。多くの方がこの手の「実装者にやさしいデザインデータの作り方」のような記事を書いてくれていると思いますが、この記事ではFigmaに特化した内容となります。

https://note.com/hilokit/n/ndb8df89e8cf7

４年間、7色だけでUIをデザインし続けた話

2023/12/21(Thu) 09:11

僕が関わっているのはGANMA!のスマホアプリです。GANMA!のデザイナーはずっと僕1人だけなので、僕の思想や判断がけっこう大きめにデザインに反映されることになるのですが、中でも拘ってるのは使う色をとことん減らしているというところです。7色でやりくりするUIデザイン GANMA!で使用しているカラーパレットはこんな感じです。

https://note.com/ash/n/n82b11075119a

便利で差がつく、ずるいWeb制作ツール・素材90選【2023年ベスト】

2023/12/21(Thu) 09:08

2023年も終わりに近づき、この1年間に収集したツールを振り返りながら、Web制作に役立つお気に入りを見つけてみましょう。素晴らしい新ツールや素材がたくさんリリースされ、選定にはたっぷり時間がかかりましたが、カテゴリ別に幅広くセレクションできました。本当に役立つかどうかだけを考え、「これ、神ツール。」と思えるものをピックアップ。

https://photoshopvip.net/154454

プロカメラマン仕様、Photoshopのトーンカーブのまとめ -簡単に写真画像の自然光とカラーを印象的に美しく仕上げる

2023/12/20(Wed) 09:29

シドニーを拠点に活躍しているプロのファッションカメラマン Julia Trotti氏のPhotoshop用トーンカーブのコレクションが無料でダウンロードできるので、紹介します。

https://coliss.com/articles/build-websites/operation/design/curves-photoshop-actions-by-juliatrotti.html

便利すぎて反則級、ずるい無料デザインツール・素材80選【2023年ベスト】

2023/12/18(Mon) 09:00

この記事では、そんなあなたの役に立つ2023年公開の無料デザインツールや素材をまとめてご紹介します。

https://photoshopvip.net/154352

2023年も新しいフリーフォントがたくさんリリースされました！ 2023年、日本語の新作フリーフォントのまとめ

2023/12/15(Fri) 09:06

2023年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！

https://coliss.com/articles/freebies/japanese-free-fonts-dec-2023.html#google_vignette

CSSで句読点括弧のカーニングができるようになるぞ！ 日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能のまとめ

2023/12/14(Thu) 09:05

CSSのこの機能を待っていた人も多いと思います！CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-4-features-for-i18n.html

いいこと聞いた！ CSSのデフォルトとして記述しておくと便利、img要素に設定するスタイルのまとめ

2023/12/13(Wed) 09:04

最近ではモダンブラウザをターゲットにした場合、リセットCSS自体は必要ないかもしませんが、設定しておきたいスタイルや一部のブラウザ用に設定しておきたいスタイルがあります。その中の一つとして、img要素に設定しておくと便利なスタイルを紹介します。

https://coliss.com/articles/build-websites/operation/css/sensible-defaults-for-img-elements.html

デザインで、タイトルや見出しのアイデアに困った時に！ 国内の優れた実例がまとめられたデザイン書 -［DESIGN IDEA 100］タイトルまわり

2023/12/11(Mon) 09:19

タイトルや見出しをデザインするアイデアに悩んだことはありませんか？タイトルまわりの文字やあしらいをテーマにした実例がまとめられたデザイン書を紹介します。ポスターなどの広告媒体、書籍や雑誌、Webサイトなどに使用されているタイトルと見出しのデザインがたっぷり収録された一冊です。

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