ジャンプ率が高くワイルドに仕上げたポートフォリオWebデザイン

Webデザイン３つの良いとこ : 3 Good Point!

文字のジャンプ率が高く、ワイルな印象を与えます。そしてこれ、画像と思ったら文字だった！上から透明処理がかかっているテクスチャをかけて、グランジ感を出す。なるほどこういう魅せ方があるのね。

タイトルから文字サイズを印象づけるためドンっとジャンプ率を高くしています。ジャンプ率を高くすると、ワイルドだったりやんちゃなイメージを彷彿させますよね。また躍動感を与えたり。

ボトムにある文字もトップと同じ感じ。

Designing Monstersということで、ちょっと怪物のような、そういったイメージがうまく表現されています。

で、これ画像でしょ？って思ったら、なんと文字要素でした！すごい！トップのグランジ感とかどうやって出してるの？

と思ったら、文字に上から透明処理がかかったグランジ風な画像を載せていました。

画像、視認できないかもしれませんが、若干汚れが表現されている画像が上にあります。

これを文字要素に被せているんですねー。

ちなみにフォントファミリーは「Rama Gothic」だと思います。んー、かっこいい！

文字要素を使っているということで、レスポンシブ・ウェブデザインにも対応させています。画像だと縮小がうまくいかなかったりすることがありますが、文字なので可変が自然ですね。

この文字に透明処理をかけたグランジ画像を被せるのって、面白い方法だなーと思いました。これからより軽かったり、モバイルへの対応が求められている今、こういった手法をどんどん取り入れていきたいですね！

今日参考にさせて頂いたサイト

Twitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。ぜひフォローしてください！