DESIGN

DESIGN

グリッドシステムはデザインに秩序と自由をもたらす重要なツールであり、視覚的な一貫性と情報の整理を助ける。4つの基本グリッドの使い分けや、意図的にグリッドを破壊することで新たな表現を生む方法を紹介し、グリッドを理解し活用することがデザインの質を向上させると強調している。

DESIGN

CSS Gridは二次元のレイアウトシステムで、行と列を同時に制御できます。2025年の最新機能にはサブグリッドやオーバーラップグリッドがあり、ブラウザサポートも充実。Flexboxとの使い分けや、ネイティブCSS、Tailwind CSS、CSS-in-JSの実装方法と、デザインシステムとしての価値やレスポンシブデザインの重要性を解説します。

DESIGN

コンテンツ作成に集中したいのに、「著作権のことが気になって思うように作業が捗らない」といったことが私には何度もありました。 そこで、今回は同じような苦痛をもっている人のお役に立てるかとかと思い、ブログ等でよく迷うケースについて著作権侵害に当たるのかどうか調べてみました。

DESIGN

illustratorでデザイン案を作成していて完成してから、やっぱりイメージしていた色と違ったとか、色々なカラーを試してみたいとかいう経験はありませんか？ 単純なデザインなら簡単に直すことができますが、入り組んだデザインだと、オブジェクトごと直したり、同色を選択しながら直すのは面倒くさいですよね。直し忘れたりすることもあります。illustratorには再配色という素晴らしい機能があり、この機能を使えば100パターンの配色でも一瞬で作成することができます。今回はこの機能の詳細を紹介します。

DESIGN

チラシなどのレイアウトで均等割付をしていたのに、あとで商品が追加になってしまったことはありませんか。1カセットずつ再度レイアウトを調整してやり直していたら日が暮れてしまいます。そんなとき使えるのが「個別に変形」機能です。現状のレイアウトをそのままに新しいアイテムを簡単に追加することができます。今やりたいこととしては、上記サムネイルのように、みかん・りんご・すいか・巨峰の中にバナナを組みこみたい状況です。（下段は使わないものとする）つまり、４列を５列にしたいということです。通常ですと変形で無理やり押し込む方法を考えますが、カセットの間隔や写真の比率など細かい部分が変わってしまい、おかしなレイアウトになってしまいます。

DESIGN

photoshopの切り抜き画像に影をつけたい時、ドロップシャドウではなんとなく嘘くさくなってしまう。もともとの画像に影があるのだからその影を使いたいと思ったことはありませんか？ photoshopはそんな願いも簡単に叶えることができます。