【デザイン】バレンタインカードにぴったりなデザインワークスまとめ

2015.02.15

ブログ

valentines-card-designs

今日は、バレンタインにちなんだカードのデザインワークスをまとめみました。ツールのキットやハウツーが掲載されており実際にカードを作るときの参考にもなります。

Hearts a Flutter

ツールキットを組み合わせて制作されたカードです。ハートやリボンの組み合わせがかわいいですね。

Link:DIY Hearts a Flutter by nitestamper

hearts-flutter-01

hearts-flutter-02

Stitched Heart Bookmarks

クリップとハート型のフェルトでつくるブックマーク。制作のハウツーと一緒に紹介されています。

Link:Stitched Heart Bookmarks by 30 Days

heart_bookmarks4

Wednesday’s Card: Pocket Full of Hearts

ハート型に切り抜いたカラフルなペーパーとクラフト封筒。タコ糸にワンポイントくわえておしゃれでかわいいカードです。ハウツーが動画で掲載されているので過程をみるのも面白いです。

Link:Wednesday Card: Pocket Full of Hearts by Darlene DeVries

2011.01.26-envelope

Happy Hearts

はめ込み型のハートがおしゃれでかわいらしいです。はめ込むハートの柄でいくつものバリエーションを楽しめそうです。

Link:Happy Hearts by Danielle Flanders

hearts+card+-detail2-2

関連記事

Google ChromeでSSL化（暗号化）されていないページを閲覧すると警告表示がされます

2018年7月から最新のGoogle Chrome ブラウザを使用して、WEBサイト（ホームページ）を閲覧すると、SSL化されていないページでは、「保護されていません/保護されていない通信」という警告文が表示されるようになりました。Google が「保護されたウェブの普及を目指し...続きを読む

2018.08.18SSLWEB

【JavaScript】文字設定をレスポンシブ対応してくれるライブラリ『FlowType』

『FlowType』はレスポンシブデザインのサイトにおいて、横幅の変化に応じて設定されている文字の大きさや行の高さを自動的に調整をしているJavaScriptライブラリです。 イメージ ダウンロード ライブラリのダウンロードはこちらから行うことが出来ます。 ...続きを読む

2015.02.10HTMLコーディング

【CSS】スタイルシートだけで縦方向と横方向でセンタリングする方法

WEBデザインで画像やレイアウトした要素を中央に揃えるレイアウトを作ることがよくあります。実際にHTMLにコーディングをするときに、横位置をセンターにする場合や、縦位置をセンターにする場合などCSSだけで実現する方法をまとめてみました。 { margin: 0 auto...続きを読む

2015.02.07CSSHTMLコーディング

【JavaScript】チェックボックスとラジオボタンのデザインをカスタマイズする『iCheck』

フォームなどで使われるチェックボックスとラジオボタンのデザイン。「jQuery」と「Zepto」を使いチェックボックスとラジオボタンのデザインをカスタマイズするライブラリ『iCheck』をご紹介します。 実装イメージ 『iCheck』はいくつかのスキンデータも用意され...続きを読む

2015.02.10HTMLコーディング

【デザイン】フード＆ドリンクのメニューデザインまとめ

先日、レストランの店舗様のWEBサイトやメニュー表、名刺などのデザインワークスを手掛けさせていただくことになりました。 今日は、フードやドリンクのメニューデザインで参考になったデザインワークスのまとめです。 Discover YOUR WAY Cafe - Patra...続きを読む

2015.02.15インスピレーション