デザインを開発するという視点でお伝えするクリエイティブBLOG
Webサイトは1ページで構成されるランディングページ、複数ページでの構成とさまざま。そんな中、デザイナーやコーダーにとって役に立つのがWebサイト用のテンプレートです。そんな中今回はDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」を紹介したいと思います。
構成やデザインの参考としても使える25種類のテンプレートです。中でも気になったものをピックアップしてみました。
詳しくは以下
フォントはいくつあっても困ることのないアイテムです。これまでも数々のフォントを紹介していますが、今回紹介するのは、デザイン性の高いプロユーザーも使えるフォントまとめ「 25 fresh free fonts from 2018」です。
シンプルなフォントから個性的なものまで様々なフォントが集約されたサイトの紹介です。中でも気になったものをいくつかピックアップしてみました。
詳しくは以下
Photoshopには様々な機能がありますが、中でも重宝されるのがブラシ機能。難しい表現も可能にしてくれるので活用している人も多いのではないでしょうか。そんな中今回は、写真やデザインにアクセントをつけたい時におすすめのフリーで使えるPhotoshopブラシ「Brushing Up: A Large Collection of Free Photoshop Brushes」を紹介したいと思います。
Ebullient| 9 Painting Brushes by desperatedeceit on DeviantArt
様々なテイストのブラシが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、以下よりご覧ください。
詳しくは以下
日々新しいデザインが公開されるフォント。デザイナーにとってフォント選びは重要な作業です。様々なジャンルの異なるフォントを持ち合わせていれば、いざデザインを始める際に困ることはありません。そんな中今回紹介するのは、異なるテイストがピックアップされたフリーフォント17種「17 Fresh Free Fonts for Graphic Designers」です。
Cunia Free Font Typeface on Behance
デザインを魅力的に見せてくれるフリーのフォントが紹介されたサイトです。気になったものをピックアップしましたのでぜひチェックしてみてください。
詳しくは以下
アイコンには機能などをグラフィックに置き換えてユーザーに分かりやすく示す役割があります。そんな中今回は、食べ物からビジネスアイテムまで様々なアイテムが揃う、ポップなカラーが魅力的なフラットアイコンセット「Magicons: 2867 Flat Icons」の紹介です。
様々なシーンで活用できるフラットなアイコンセットです。
詳しくは以下
デザインをわかりやすくしたり、デザインにアクセントを添えてくれるイラストはとても便利な存在。しかし一からイラストを描くとなると、時間やスキルが必要とされ、実現が難しい場合も。今回ご紹介するのは、そんなイラストを手軽に利用できる素材をまとめた「Graphical Frenzy Collection」です。
手書き風の可愛らしいイラストが数多くまとめられた、デザインのアクセントに使いやすい素材です。
詳しくは以下
(続きを読む…)
シンプルで機能的なフラットデザインは、場面を選ばずどんなシーンにも合わせやすい優れもの。今やWeb制作には欠かせない、デザイン手法の一つではないでしょうか。今回ご紹介するのは、そんなフラットデザインを手軽に取り入れる事ができる、商用フリーのフラットデザイン素材をまとめた「35 Free Flat Graphics and Web Elements for Designers」です。
Weather – Daily UI #037 – Freebie by Roman Bova – Dribbble
情報をすっきりと分かりやすく見せてくれる、魅力的なフラットデザインが35点もまとめられています。今回はその中から、おすすめしたい素材を幾つかピックアップしましたので、以下よりご覧ください。
詳しくは以下
(続きを読む…)
定番素材のアイコンのデザインに差をつけるためには、ベーシックな種類だけでなく、他にはあまり見られない種類を取り入れることで個性を演出できるように。今回はそんなシーンで使用したい、アウトライン・塗りの2タイプを個性的なラインナップで揃えたアイコンセット「300 Free Icons」です。
非常に豊富な種類を取り揃えており、定番のアイコンも揃っていますが、他にはないデザインアイコンの種類が多く見られるのが特徴です。
詳しくは以下
Webサイトにはアラートメッセージが必要な場面がいくつかあります。多くはJavaScriptのアラートを使用して行われていますが、カスタムCSSとJSコードを使って簡単に表現することができます。今回は、フリーで使える10種のアラートメッセージスニペット「10 Free CSS & JS Notification Alert Code Snippets」の紹介です。
ベーシックな表現からPOPなものまで10種類が紹介されています。
詳しくは以下
様々なフリーフォントを紹介してきましたが、今回紹介するのは方眼用紙のバックグラウンドの線を使って作ったフォント「FontStruct Font Les Bains」です。アルファベットの大文字、小文字、数字、記号と基本的な物はすべて揃っています。また記号的な物や独自のフォントタイプも用意されているみたいです。
このフォントは以前、「オリジナルフォント作成サービス「FontStruct」」という記事で紹介したWEBサービスを使って作られたフォントです。
詳しくは以下
軽量のjavascriptライブラリとして幅広く利用されているjQuery。その機能は多岐にわたり様々なプラグインやパッケージが後悔されていますが、今日紹介するのはjQueryの中でもナビゲーションに絞って紹介しているエントリー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」です。
Horizontal Scroll Menu with jQuery Tutorial
詳しくは以下
現在OSCommerce,ZenCartなど利用できる様々なシステムが公開されていますが、今回はECシステム別に様々なデザインテンプレートを集めたテンプレート集「35 Free High-Quality E-Commerce Templates」を紹介したいと思います。
システム別に全部で35種類のデザイン性の高いフリーテンプレートが紹介されています。今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
皆さんはwordpressをデザインしていくときどのような手順を踏んでいくでしょうか？一からデザインすると言う方ももちろんいらっしゃるかと思いますが、ベースのテーマから改変していくとい手段をとられている方も多いのではないでしょうか？
今日紹介するWordpressのテーマ「Empty Canvas」は名前の通り、ものすごくシンプルなテーマで、カスタマイズにてきしたテーマになっています。
詳しくは以下
シームレスに利用できるテクスチャ素材は、継ぎ目を気にすることなく使用できるためとても便利に活用できます。そんな中今回紹介するのは、継ぎ目なく敷き詰められる葉っぱテクスチャを紹介した「Free Seamless Leaf Textures For Your Nature-Inspired Designs」です。
Seemless Leaves by gabrielslair on deviantART
様々な表情の葉っぱをテクスチャ化し、ダウンロードできるリンクがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
フォントを使ってデザインをする上で大切なことの中に、“読みやすさ”、そして“目をひくこと”も重要な要素となってくると思います。今回はそんな時に参考にしたいまとめ「The 100 Best Free Fonts for Designers」を紹介したいと思います。
Weston free font – Fontfabric™
さまざまな種類のフォントが100種類というボリュームでまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBサイトの要素の中でも追加いやすさなどのユーザービリティから、全体の印象にまで影響を与えるナビゲーションメニューですが、今回紹介するのはWEBサイトを便利に快適にしてくれるナビゲーションを拡張してくれるツールを集めたエントリー「Website Navigation Menu Toolbox」です。
Sexy Drop Down Menu with jQuery and CSS
ドロップダウンからタブメニュー、プルダウンまで様々なメニューのソースがまとめられています。今日はその中からいくつか気になったナビゲーションをピックアップして紹介したいと思います。
詳しくは以下
