Web制作に役立つ情報一覧

2024年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

2024/07/31(Wed) 09:37

デザインの引き出しを増やすためには、トレンドを知っておくことが大切です。デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/logo-design-trends-in-2024-by-logolounge.html

Figmaの実践的な使い方がこれでよく分かる！ UIコンポーネントの作り方にフォーカスされた解説書 -Figmaで作るUIデザインアイデア集

2024/07/30(Tue) 09:58

UIデザインでもっとも使われているツールは何か、と言えばFigmaと答える人が多いと思います。Figmaは、Webサイトやスマホアプリの制作において欠かせないといっても過言ではないデザインツールです。そんなFigmaをもっと使いこなしたい、UIデザインをする際のアイデアや実践的なテクニックを解説した解説書を紹介します。デザインシステムをベースにしているので、しっかりとした知識を学ぶことができます。

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

これでもう悩まない！2024年ロゴトレンド最新レポート

2024/07/23(Tue) 08:49

2024年のロゴデザインの特徴は、ずばり「遊び心と革新」。ロゴが箱型になったり、角が切り取られたりとユニークなものが多い印象。流れるような流線形や、昔のピクセルアートも復活。また、ステッカー風のデザインや、中心を強調したバンランスのとれたロゴも流行の兆し。美しい色が混ざり合うグラデーションも使われて、動きを感じさせるデザインが増えています。

https://photoshopvip.net/159270#google_vignette

CSS Gridの便利な無料ツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Grid Generator

2024/07/23(Tue) 08:48

最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。

https://coliss.com/articles/build-websites/operation/css/css-grid-generator.html#google_vignette

これ知ってる？Adobe Fireflyで３D文字を自在に生成できる裏技テクニック

2024/07/22(Mon) 08:52

Photoshopで利用できる新機能も十分衝撃だったのですが、あれからツールを利用し続けた結果、Adobe Fireflyがある特定のデザイン作成にとても効果的ということが分かってきました。それがずばり、文字の加工やテキストエフェクトの作成。

https://photoshopvip.net/159153

ゴシック体の素晴らしい世界が広がる！ 商用利用無料、可読性に優れたフリーフォント「永代ゴシック」がリリース

2024/07/19(Fri) 08:55

今回は可読性に優れた、字面の大きなモノラインのゴシック体「永代ゴシック」です。教育漢字を含む1,390文字の漢字が揃っており、タイトルやテロップなどにぴったりです。

https://coliss.com/articles/freebies/free-font-eitai-gothic.html

CSSのclass名やJavaScriptの関数名を付けるときに役立つ単語リストのまとめ -Classnames

2024/07/15(Mon) 09:08

CSSのclass名やJavaScriptの関数名を付けるときに悩んだり、ネタ切れになったことはありませんか？BEM, OOCSS, SMACSSで命名する場合はそれを使用すればよいのですが、特定のテーマ別にグループ化された単語のリストが必要になるときもあります。そんなときに役立つ単語リストをまとめたClassnamesを紹介します。

https://coliss.com/articles/build-websites/operation/work/lists-of-useful-words-for-classname.html

国産ヘッドレスCMSとして注目されているmicroCMSとNext.jsを使用したWebサイトのモダンな制作方法を学べる解説書 -モダンWebサイト制作入門

2024/07/15(Mon) 09:07

国産ヘッドレスCMSとして注目されている「microCMS」とJavaScriptフレームワーク「Next.js」を使ったモダンWebサイトの制作について初心者でも分かりやすく解説した入門書を紹介します。

https://coliss.com/articles/book-review/isbn-9784798183664.html#google_vignette

【無料】ずるいけど便利すぎるPhotoshopモックアップ素材50選【2024年版】

2024/07/09(Tue) 09:04

「つくったデザインをもっと魅力的にみせたい」「クライアントやお客様が納得するビジュアルが欲しい」「最終的なデザイン完成予想がなかなか伝わらない」商品やブランド、Webサービス、パッケージ制作などのプロモーションやプレゼンテーションを行う時に、あなたもきっと悩んだことがあるでしょう。しかし日々の業務に追われるクリエイターにとって、あまり時間をかけることができないのも事実。そんな時に活用したいのがフォトショップの「モックアップ」素材です。

https://photoshopvip.net/158867

商用無料、新作フリーフォントがリリース！ かわいいデザインにぴったり、女子校生の書き文字風フォント「ninaSchoolgirl」

2024/07/08(Mon) 08:51

「になロマン」」「くちばしフォント」など、楽しくてかわいいフリーフォントをたくさんリリースされている213ちゃんから、新作フリーフォントがリリースされました！今回は、女子校生の書き文字風フォント「ninaSchoolgirl」かわいいデザインにぴったりなフォントですね。

https://coliss.com/articles/freebies/free-font-ninaschoolgirl.html