デザインを開発するという視点でお伝えするクリエイティブBLOG
国内でもプレイステーションVRが発売され、エンターテインメントの世界でもその他業界でも注目を浴びているVR（ヴァーチャルリアリティ）の技術。今日紹介するのはそんなVRのモチーフを集めたフリーアイコンセット「Virtual Reality Icons」です。
かなりマニアックですが、VRHMDをかぶった人、手のひらをセンシングしているもの、全身をトラッキングしているものなどなどVRに関するアイコンが集められています。全部で12種類用意されており、収録されているアイコンは以下からご覧ください。
詳しくは以下
アイコン素材はデザインの感覚を揃えて利用すれば、サイトの統一感、ユーザーインターフェイスの精度など向上させてくれます。今日紹介するのはまとめて利用できるレトロポップな170個収録のビジネスアイコンセット「170 Retro Business Icons」です。
上記の様なポップでレトロな温かみのあるデザインテイストでビジネスに関するアイコンが全部で170個収録されています。収録されているアイコンセットは以下からご覧ください。
詳しくは以下
デザインを簡潔に表現するために役に立つアイコンセットは様々な切り口で制作されていますが、今日紹介するのはグラフィックデザインを象徴するアイコンセット「Graphic Design Icon Set」です。
アイコンセットは全部で36のアイコンが収録されており、すべてシンプルなフラットなデザインで制作されています。収録されているアイコンセットは以下からご覧ください。
詳しくは以下
世界では様々なアイコンセットが公開されていますが、今日紹介するのはWEBデザインからは少し離れた、都市のデザインを反映したアイコンセット「Meet Citysets.」です。
Meet Citysets.では、ロンドン、ニューヨーク、パリ、シドニーと4つの都市のセットとなっており、それぞれの街を感じるモチーフがアイコン化されています。
詳しくは以下
WEBサイトの大きなカテゴリの一つEコマース。国内でも多くのECサイトが立ち上がり、販売していますが、そこで必要なユーザーインターフェイスはまた情報を伝えるだけのWEBサイトとは異なります。今日紹介するのはECサイトのユーザーインターフェイスを豊かにしてくれるECサイトのためのフラット&ストロークアイコンセット「The Flat & Stroke eCommerce Icon Set」です。
全部で50種類ものアイコンがセットとなっており、2色で表現されたものと、線のみで描かれた2種類のアイコンが収録されています。
詳しくは以下
私達の生活にも密接に関わりのある医療。広告やWEB制作でも医療に関するモチーフを利用する場合が直接的にも間接的にもありますが、今日紹介するのは医療系のモチーフをアイコンセットにした「Free Medical Vector Icons」です。
このアイコンはベクターで描かれており、影などをあしらい、シンプルながらも質感のあるアイコンセットに仕上がっています。収録されているアイコンは以下の通りです。
詳しくは以下
webサイトを制作する上で、必ず必要となるグローバルナビは、ユーザーがもっとも多く通過する重要な要素となっており、グローバルナビの分かりやすさ使いやすさは、webサイトの最重要課題ではないでしょうか？そこで今回紹介するのは、デザイン性が高く、ユニークな動きを手軽に取り入れることができるグローバルメニュー用JQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」です。
（Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops）
どんなサイトにも使いやすいシンプルなデザインから、ポップで印象的なデザインまでさまざまなグローバルメニューが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBでは欠かせないナビゲーションやボタン。様々な作り方がありますが、今日紹介するのはCSSで作るナビゲーションメニューの作り方のチュートリアルを集めたエントリー「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」です。
スライダー用から、タブメニュー、角アールのグラデーションメニュー、動きの付いたアコーディオン、プルダウンなどなど、CSS作れる様々なナビゲーションとボタンが公開されています。全部で55のチュートリアルが公開されていますが、今回はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
デザインシーンに欠かせないパターンやテクスチャ素材ですが、素材を組み合せて利用することも多く、より豊富な候補の中からぴったりの一枚を選びたいもの。そんな中今回紹介するのが、さまざまなパターンやテクスチャが楽しめる素材をまとめた「Must See Photoshop Patterns Of All Time」です。
Wood Texture and Laminate Texture Pack 02
カラフルなパターンから、使い勝手のよいテクスチャまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
和風のテイストのデザインを作る時に重要なのが、色と文様。この二つを押さえるだけで、デザインを一気に和風にすることができます。今日紹介する「粋屋」は日本の伝統文様のベクターデータをダウンロードできるWEBサイトです。
現在かなりの数と種類の文様がダウンロードできるようになっています。またダウンロード素材としてだけではなく、それぞれの文様などの意味や由来も開設されていて、素材以外にも役に立ちます。
詳しくは以下
企業やショップなどを紹介する常設のサイトと、スペシャルコンテンツ・イベントなど短期間のみ利用するサイトと、webサイトにはまったく主旨の異なる2タイプのジャンルが存在しています。そんな中から今回紹介するのは、イベント告知用に設置された趣向性の強いデザインをまとめた「32 Nice Event Websites」です。
（Full Frontal 2011- JavaScript Conference）
イベント内容を単刀直入に伝えるデザインから、イベントの雰囲気をイメージ的に伝えるデザインまで、さまざまなテイストのwebサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
ユーザー情報を登録するためのフォームに必ず必要になるのが、入り口となるサインインのデザイン。シンプルな機能面の箇所だけに、味気ないシンプルなデザインに偏ってしまいがちではないでしょうか。今回はそんな状況を改善できる、PSDで制作されたサインイン・サインアップフォーム素材をまとめた「Free Sign-In and Sign-Up PSD Files」を紹介したいと思います。
Classic Login Form | Design Kindle
シンプルなフォームから、サイトのデザインに合わせて使いやすいさまざまなフォーム素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEB制作にとどまらず、様々な場所で利用されるアイコン。素材としては非常に優秀で、いろいろな趣旨のアイコンセットが世界中で公開されていますが、今日紹介するのは、施設からファイル形式まで、様々なアイコンを網羅したアイコンセット「Eldorado mini free」です。
こちらのアイコンセットは、単純にUI的なものではなく、マトリューシカやハンバーガーなどなど多種多様なアイコンがまとめられています。全部で1262種類ものアイコンがセットになっていますが、今日はその一部を紹介したいと思います。
詳しくは以下
明けましておめでとうございます。2015年未年、気持ちを新しく切り替え、新年を迎えることができました。
2014年は、仕事面では新しいことがスタートしたり、新しい出会いなどもあったり、とても充実した一年となりました。Designdevelopも、いろいろなジャンルの記事を取り上げることにより日々変化し、そして少しずつですが成長を遂げているのではないかと感じております。どんどんとフリーで使用できる素材が増え、さらにクオリティが高まるなど、デザイナーを始めとするクリエイターにとっては嬉しいことばかり。そんなクリエイターの方たちにより支持されるブログとなるよう、さらに努力を続けていきたいと思っております。
今年はもっと充実した内容を皆様にお届けできるように執筆していけたら、また今後さらなる飛躍を遂げるため、気持ちを新たに今よりももっと進歩できるように、努力をしてまいりたいと思います。本年もDesigndevelopをどうぞよろしくお願い申し上げます。
デザインの印象を決定する、大きな要素フォント。利用するフォントによって、デザインは同じでも全くことなる印象をうけるなんてこともあり、フォント選びはデザイナーにとっては重要な作業の一つだと思います。今日紹介するのは、クリエイティブでデザインに役立つ、クオリティの高いフリーフォントを集めたエントリー「50 High Quality Fonts Every Designer Must Download」。
どちらかというとシンプルで洗練されたベーシックなものではなく、ちょっとデザイン寄りなフォントが中心に集められていました。今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
自然の産物である”石”。デザイン素材として敷き詰めてテクスチャにしたり、小石単体でパーツとして使用したりと、案外活用度の幅は広いのではないかと思います。そんな中今回紹介するのが、バリエーション豊富な小石が楽しめるテクスチャをまとめた「Collection of Free Pebble Textures for Designers」です。
Pebble Texture-Stock by ~Thorvold-Stock on deviantART
一色の小石が集まった素材からカラフルな小石が楽しめる素材まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
