TOP > web creators > WEBデザイン アイデアラボ

web creators

 
 

連載記事 web creators





CREATIVE POINT D

デザイン的にも白と黒のコントラストを生かす


KEY WORD 1

いろいろなデザイン的アイデアを試してみる

KEY WORD 2

背景の色の組み合わせでメリハリを出す



画像自体は白と黒のコントラストが効いているのだが、デザイン的には白の部分が少なく、あまり白と黒の対比を生かせていない。そこで背景を白に変更してみる【1】。この段階でさまざまなデザイン的アイデアを試してみるといいだろう。太めの書体で大きな白い文字(ここではアルファベットの「A」を配置し、文字と画像を選択して修正メニュー→“マスク”→“マスクとしてグループ化”で画像を切り抜く【2】。文字の輪郭がわかりにくいのでドロップシャドウを適用するが【3】、これでは使用写真が部分的にしか見えず、生かしきれていないため、当初の方向性に戻ることにする。白い背景部分と画像の間に黒い帯を縦に2本入れる【4】。画像のサイズを変更してトリミングする【5】。また、右側の白いスペースが広いので、ここにグレーのラインを縦に1本引く【6】。


【1】白部分が少なく感じられるため、背景を白に変更してみる


【2】修正メニュー→“ マスク”→“マスクとしてグループ化”で文字の形に画像を切り抜く


【3】文字の輪郭が見えにくいので、ドロップシャドウを適用する


【4】白い背景部分と画像の間に黒い帯を縦に2本入れる


【5】画像サイズを変更してトリミングを検討する


【6】右側の白いスペースが広いため、グレーのラインを余白の中に1本引く

 
 




この記事をチェックした人はこんな記事も読んでいます。

おすすめの記事

  • 【MdN】

    “いま”を感じる旬のデザインアイデア!

  • 【MdN】

    グラフィカルに攻めるデザイン表現

出版物のアフターケア

ログイン

メールアドレス
パスワード