タグ: Webデザイン

かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました

女性Webデザイナーにとっては「かわいいと言えばこんな感じ!」という基本的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫!今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです!紹介する素材はすべて商用利用OK!参考になるデザインのWebサイトもいくつか紹介します!(あ、ちなみによく誤解されますが、私、Webクリエイターボックスの中の人は女ですw)
続きを読む

新規顧客を逃さないECサイトデザイン

ECサイトの構造はとっても複雑。ユーザーは好みの商品を検索し、その中から実際に購入するものを比較・検討・選択、さらにフォームに入力するというプロセスを経て、ようやく購入完了となります。オンラインショッピングに慣れている私でも、新規サイトでは苦労することが多いです。そこで使いやすいECサイト、特に新規客に優しいサイトデザインとはどんなものなのか、考えてみました。
続きを読む

世界に発信!Webデザイナー向けコミュニティーサイトいろいろ

「デザインのアイデアが浮かばない…」「今人気のデザインはなんだろう?」なんだか行き詰まったなーと感じたら、息抜きも兼ねてデザイン系のコミュニティーサイトを覗いてみましょう。多数の洗練されたデザインから刺激を受けることができます。とは言えいつも眺めているだけではなく、その輪に入ってみると、また違った角度から作品を見つめることができますよ。今回はフォローやお気に入り機能のある、デザイナー向けのコミュニティーサイトをいくつか紹介します。4月から新しく入った新人さんも必見!自分用のノートだと思って少しずつ投稿してみましょう。
続きを読む

背景に動画を使ったWebサイトの作り方

2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。
続きを読む

シンメトリー(対称性)を取り入れたデザインの基礎

デザインをする上でシンメトリー(対称性)は頻繁に使われる手法のひとつです。古代から様々な場面で使われてきた美の構図、シンメトリーをうまく取り入れることで、安定感のあるレイアウトを生み出すことができます。今回はこのシンメトリーに焦点をあて、具体例とともに構成方法を考えてみようと思います!
続きを読む

世界各国のWebデザインと日本のWebデザインの特徴

私は今まで日本、カナダ、オーストラリア、イギリスと、4カ国での滞在経験があるためか、各国のデザインの違いについて尋ねられる事があります。しかし日本以外のすべての国は英語圏。Webデザインでいえば違いを感じたことはあまりありませんでした。そこで今回は今まで触れる機会のなかった言語圏のWebサイトを比較しました。アメリカ、フランス、サウジアラビア(中東)、中国、そして日本。それぞれのデザイン事情の違いを知って、日本のWebデザインについても考えてみたいと思います。
続きを読む

Webデザインのスキルを磨こう!Webサイト模写のススメ

先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか?」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います!
続きを読む

静かに流行り始めているポリゴン風デザインに挑戦!

2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか?ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう!デザインの参考になるWebサイトやグラフィック・アートもまとめているので、オリジナルポリゴンアートに挑戦してみてください!
続きを読む

自慢のWebデザインをもっと広めたい!自薦で登録できるWebデザインギャラリーサイト20

デザインの参考になるのはもちろん、見ているだけで楽しくなるWebデザインのギャラリーサイト。海外のギャラリーサイトでは英語圏以外の国のサイトも多数紹介されていますが、日本語サイトを見かけることが少ないですね。そこで今回は自薦・他薦問わずおすすめサイトの申請ができる国内外のギャラリーサイトをいくつか紹介します。
続きを読む

PhotoshopでWebサイトのデザインをしよう

「連載!実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X(
続きを読む