とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

装飾とあしらいがうまい!記事の見出しタイトルとアイキャッチ画像のデザイン・処理が秀逸なサイト

装飾とあしらいがうまい!記事の見出しタイトルとアイキャッチ画像のデザイン・処理が秀逸なサイト

記事タイトル、見出しの

装飾、あしらいがうまいサイトを

発見したのでメモ&ご紹介。

 

tokyofreelance.jp

 

スマホサイトより

PCサイトのデザインがいいですね。

スクショ貼ります。

記事タイトル、アイキャッチの処理が秀逸です

記事タイトル、アイキャッチの処理が秀逸です

 

アイキャッチを背景にひいて、

記事タイトルを上にかぶせています。

右側にさらにアイキャッチ画像を

表示させていてバランスが絶妙ですね。

 

ヘッダ全体がひとつアイキャッチのようです。

なかなか見ないレイアウト、UIだなとおもいました。

 

見出しをぶち抜きで大きく

魅せることができるので、

アイキャッチ的には

最高じゃないでしょうか。

 

デザインはもちろん秀逸ですが、

さらに優れている点は、

アイキャッチ画像を

いちいち作り込む必要がない

デザインだというところ。

 

デザイナーではない担当者が、

アイキャッチ画像を作成するのは

なかなかむずかしいし、面倒なものです。

運用コストがかかります。

 

ですが、さっきの画像のとおり、

アイキャッチがただの画像でも

ヘッダが自動で装飾される。

 

Web担当者やライターが

管理画面(CMS)から画像を

登録すると、ぶちぬきヘッダとして

あしらいがつく。何も考えなくて

いいというやつですね。

 

運用面も考慮された設計に

なっていてすばらしいですね。