Web制作に役立つ情報一覧

CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装

2023/08/29(Tue) 08:50

カードやパネルの外側と内側に角丸を使用したときに、なんだかバランスが悪いなと思ったことはありませんか？ 角丸を二重にするときに外側の角丸と内側の角丸の値を同じに設定すると、内側の方がすこし大きく見えて、不格好になってしまいます。

https://coliss.com/articles/build-websites/operation/css/inner-radius-design-tip-with-css.html

こんなデザイン書を待っていた！ 日本語フォントを使ったデザインの基礎知識と実践テクニックがしっかり学べる解説書 -タイポグラフィが上手くなる本

2023/08/28(Mon) 08:53

デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。

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

最近のUIデザインのテクニックを解説！ より使いやすいボタンをデザインするときのポイント

2023/08/25(Fri) 08:57

WebサイトやスマホアプリのUIに使用されているボタンをデザインするときに気をつけるポイント、より使いやすくするためのポイントを紹介します。UIのボタンは色だけに頼らない明確な視覚的階層が必要で、同じスタイルの場合は区別できるようにデザインすることが重要です。

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

おしゃれなロゴマークを作成する方法＋無料ツール12選

2023/08/21(Mon) 09:00

良いロゴとは貴重な資産であり、ブランドを認知させ、信頼を確立することができます。では、良いロゴを手に入れるには、どのような方法があるでしょう？この記事では、魅力的なロゴデザインを作成するポイントに加え、無料でロゴを作成できる、おすすめのロゴ作成ツールをまとめてご紹介します。

https://photoshopvip.net/149996

ECサイトでSEO対策を行うときの3つの注意点

2023/08/21(Mon) 08:59

ECサイトのSEO対策は、オウンドメディアのSEOとは考えるべき点が大きく異なります。特にサイト構造、リンク構造などを上手く設計しておかないと評価が上がりづらいサイトになってしまうこともあるため注意が必要です。本記事では、ECサイトで行うべきSEOを紹介します。

https://www.seohacks.net/blog/19137/

ロゴデザインの仕事で圧倒的に助けられた本8冊

2023/08/17(Thu) 09:09

こんにちは。今日はロゴ制作において圧倒的に助けられた本について書いてみたいと思います。❶どういった点で役に立つのか❷僕がどうやって使っているのか この2点に絞って簡潔に書いていきます。

https://note.com/grizzlly_design/n/na74915e1a8de

ピンク色は何種類ある？色見本・カラーコード40選【事例・デザイン素材も】🦩

2023/08/17(Thu) 09:09

ピンク色は「ロマンス」や「フェミニン」、「大事に育む」といった意味合いを持つ色です。この記事では、ピンク色のもつ意味や効果や、40色のピンク色を集めた色見本をHEXカラーコード付きでご紹介します。ピンク色の効果的な使い方を学ぶ事例や、すぐに使えるデザイン素材と一緒も参考として活用してみましょう。

https://photoshopvip.net/149162

ロゴのデザインは奥が深い！ 洗練されたロゴデザインのテクニックを学びたい人にお勧めのデザイン書 -ロゴデザインの原則

2023/08/07(Mon) 08:51

ロゴデザインのテクニックを学びたい人にお勧めのデザイン書を紹介します。洗練されたシンプルなデザインのロゴ、シンボル、アイコンを作るための知識やテクニックが詳しく解説されており、グリッドや黄金比やシンメトリーや錯視などデザインのさまざまな原則についても学べます。

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

CSS @font-faceに使用する新しい構文の基礎知識と使い方、format()とtech()、OpenType-SVGとCOLRv1によるカラーフォントの表示

2023/08/04(Fri) 08:55

CSSの@font-faceで見慣れない構文があるなと思ったら、どうやら新しい構文がChrome, Edge, Safari, Firefoxの各ブラウザにサポートされていました。CSSの@font-faceに使用する新しい構文の基礎知識と使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-font-face-new-syntax.html

クリスタでも使える高品質なブラシ素材！ Photoshop 2023年夏の新作ブラシがAdobeから無料ダウンロードできます

2023/08/03(Thu) 08:51

Adobeから新作ブラシ、「2023年夏のブラシ」がリリースされました！2023年夏のブラシは、波や草をはじめ夏を描くブラシがセットになっており、Photoshop, Frescoだけでなく、Clip StudioやProcreateなどでも使用できます。Adobeからは定番のブラシをはじめ、ペン用ブラシ、塗り用ブラシ、水彩用ブラシ、2018年夏のブラシから2023年春のブラシも全部無料でダウンロードできます！

https://coliss.com/articles/build-websites/operation/design/adobe-photoshop-brush-summer-2023.html