イラストが魅力的なサイトのまとめ

  • このエントリーをはてなブックマークに追加

こんにちは、工藤です。

今回はイラストが魅力的なサイトをまとめました。


STAY HOT いいぞ、もっとやれ。 – 日清カップヌードル

STAY-HOT-いいぞ、もっとやれ。---日清カップヌードル|CUPNOODLE
サイトへ
かなり濃いめのイラストとイラスト風に加工された写真のインパクトがすごいです。



フォトハウス ハピスタ

子供写真-大阪---フォトハウス-ハピスタ

サイトへ
手書きの感じと水彩やクレヨン風の効果がとても素敵です。


旅もじゃ

旅もじゃ 旅が始まるきっかけサイト
サイトへ
さりげなく下の方で船が動いたり電車が走っていたりします。



What is JUNIOR RESIDENT?-日本医科大学千葉北総病

What is JUNIOR RESIDENT?|日本医科大学千葉北総病院
サイトへ
人がずらーっと並んでいるのがなかなかインパクトがあります。
クリックして表示されるウィンドウの中にもイラストがたくさん使われています。



アルファデンタルオフィス

ALFA DENTAL OFFICE 小児歯科・小児矯正歯科|アルファデンタルオフィス
サイトへ
背景からイラストに至るまですべて水彩画風で、やさしい印象を受けます。


La Maison des Carrés Hermès

La Maison des Carrés Hermès   Silk scarves  twillys  bandanas  stoles  shawls
サイトへ
とにかく絵の密度がすごいです。
販売されているスカーフもとてもおしゃれですね。


Kyoto Study Program

Kyoto Study Program  from Anime to Zen  “Kyoto Study Program  from Anime to Zen ”is a non degree 2 weeks program offers students an excellent introduction in their knowledge of Japanese society and culture.
サイトへ
海外の絵本を思わせるようなイラストです。途中でぶら下がっている人が好きです。



WHY WASEDA

WHY WASEDA
サイトへ
平面…なのですが立体的な不思議なイラストです。
さりげなく人が動いていたりと本当に細かいです。


Nottage

Pete Nottage
サイトへ
イラストの動きが面白いです。
特にAboutではマウスに合わせて動いてくれます。


レクシー株式会社

日本レクシー株式会社|日帰り温泉運営・飲食店運営・温泉コンサルタント
サイトへ
色鉛筆で描いたような温かみのあるイラストが使われています。

執筆者:工藤[ WEBデザイナー ]

WEBデザイナー。 最近はWordPressを触るのが好きです。よろしくお願いします。

関連記事

マークアップ

CSSを使わないSVGアニメーションの作り方【キーフレームアニメーション編】

SVG画像をアニメーションさせる時は、CSSを使用するのが一般的かと思いますが、SVGファイルに直接記述してアニメーションさせることもできます。 SMILという名前の、SVGのアニメーション機能です。IEでは使用できなかったため、使いづらかったのですが、今後は気後れすることなく使用できます。 SMILにはざっくり3種類のアニメーションがありますが、複雑なのでまずは簡単なキーフレームアニメーションから、早速試してみましょう。 目次1 静止画のSVG2 基本のアニメーション2.1 […]

スマホアプリ

【Android Studio】Androidアプリでラジオボタンの『選択時』『非選択時』のボタンの背景色と文字色を変える

Androidアプリでラジオボタンを通常のボタンのようにして、かつ『選択時』『非選択時』のボタンを変えたい…ということがあるかと思います。 そんな時はdrawableに要素を用意して、背景色や文字色に指定するだけで簡単に変更することができます。 目次1 ラジオボタンを設置2 背景色を設定3 文字色を設定 ラジオボタンを設置 それではプロジェクトを開きましょう。 とりあえずはラジオボタンを2つ設置しました。 今回はボタンぽくしたいのでラジオボタンのデフォルト要素をクリアします。 […]

マークアップ

祝解禁!IEがなくなって使えるようになった便利なCSS 8選

2022年6月16日、IEのサポートが切れました。フロントのエンジニアにとっての念願が叶った、記念すべき日です。IE6の頃から苦しめられてきた私ももちろんのこと浮かれています。 ただ、IEを除外することによって使用できるCSSが大幅に増え、勉強しなければならないこともまた増えました。少しずつ慣れていきましょう。 今日は使用できるようになったCSSで、頻度が高そうなものからいくつかご紹介したいと思います。 目次1 object-fit1.1 今まで1.2 これから2 filte […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。