年齢を問わずさまざまな人たちが利用するネットショッピング。クリック1つで簡単注文できるのでとても便利ですが、使いやすさが追求されたサイトを一から構築していくのはとても大変な作業です。Designers」を今回は紹介します。Magento用途に合わせて活用できるアイテムが揃っています。気になったものをいくつかピックアップしましたので、以下よりご覧ください。Snippet」お問い合わせやアンケートなどのUIに欠かせないセレクトボックス。新しい動きやデザインを上手く取り入れることで、他にはないオリジナル感を演出し、差を付けることができると思います。Snippet」を今回は紹介します。BoxCSSとJavaScriptの特殊なセレクトボックスが10種類紹介されています。中から気になったものを幾つかピックアップしてご紹介しますので、ご覧ください。フリーフォントが発表されていますが、分かりやすく見やすいフォントはデザインにも利用しやすく、クリエイティブを行う上で、重要な武器となります。Headlines」です。gluk見やすさを追求しながらもデザイン性の高いフォントが多くまとめられていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。Behanceどれもクオリティの高い、尚且つ仕事にすぐ役立ちそうなものばかりが集められています。気になったものをピックアップしましたので、下記よりご覧ください。Texture」デザイン制作素材として欠かすことのできないテクスチャ。非常にさまざまな種類が展開されており、日々新しいものをストックされているというデザイナーの方は多いのでは。Texture」を紹介したいと思います。deviantART)比較的シンプルな定番のものや、ダンボール自体にデザインが加えられている個性的なタイプなど、いろんな種類が収録されています。気になったものをピックアップしましたので、下記よりご覧ください。魅力的なwebサイトを実現させるためには、他にはないデザインや動きを取り入れることで、より理想に近づけることができます。2014」を紹介したいと思います。(Drop)そのまま利用しても、自分のデザインと組み合わせて使っても、クリエイティブなwebサイトを作り出せるプラグインがまとめられています。熱いものから立ち上る煙や湯気。デザイン上で表現しようと思うと、質感や柔らかなを演出するのにとても苦労するかと思います。Brushes」を今回は紹介したいと思います。煙・湯気の形にもいろいろありますが、欲しい形のものがきっと見つけられるはずです。いくつかピックアップしてみましたので、下記よりご覧ください。2016」インターネット上ではどんどんと新しいデザイン素材が生まれており、常にチェックされている方も多いのではないでしょうか。GraphicsFuel毎月ピックアップされているまとめで、クオリティの高さが魅力のフリー素材が多数紹介されています。数はそこまでありませんが、クリエイティブで質の高いWEBテンプレートがフリーでダンロードできます。系統的にはどれもキレイめなものが多く、洗練された雰囲気のテンプレートが中心です。今回はいくつか気になったものをピックアップして紹介したいと思います。Designers」デザインの完成度を高めるために重要な要素の一つでもあるフォント。日々、いろいろなタイプのフリーで使用できるフォントも多く登場しています。Designers」を紹介したいと思います。Behanceいろいろなテイストのフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。Roundup」ベクター形式の素材は、色が簡単に変更できたり文字の編集が可能だったりと、いろいろと便利な要素がたくさん。利用される方も多いと思います。Roundup」を紹介したいと思います。Downloadヴィンテージテイストのフリーベクター素材のさまざまな種類がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。Flare」を試してみた。Flare」を実際に試してみました。ネタ元は英語だったので手順を実際に試した結果をお見せしながら日本語で紹介したいと思います。1)カンパスを作るphotoshopで新規カンバスを作ることから始まります。サイズはW1600×H800pxが好ましいとしています。新しく出来上がったカンパスを黒く塗りつぶします。作ったカンバスのセンターにロゴマークを配置します。ロゴは小さすぎても大きすぎてもダメで、大体下記の画像ぐらいの割合でロゴを配置します。3)ロゴの光を作るまずロゴをコピーしてレイヤーを重ねます。片方のロゴは背景の黒と統合してください。Primeを70-100%の間でかけます。4)レンズフレアに色を入れるレンズのフィルタをかけたレイヤーをコピーして、透明モードをカラーに設定。光らせた色でレイヤーをすべて塗りつぶします。「D」が飽いているから微妙な感じになってしまいましたが、こうする事で下記のように色を入れて光らせる事ができます。大元のロゴをコピーして、明るさを調整後ぼかしをかけます。チュートリアルでは30pxでかけています。6)ぼかしをかけて光を調整2先ほどぼかしをかけたロゴを複製透明モードをオーバーレイへこれでロゴの周りが光ったようになるはずです。7)続きは公式ページでチュートリアルにはさらに続きがあり、もっとアーティスティックにする方法が書かれていますが今回は割愛したいと思います。Photoshop」をご覧下さい。ちなみに最後までやり遂げると一番上の画像のようになります。普通ではつまらないと思い「DesigDevelop」のロゴでも試みたのですが、同じ方法をとってみましたが、下記のようになり、残念な結果になりました。ロゴによりけりなチュートリアルなので試すならWordPressもしくはそれらしいロゴで試した方が良いかと思います。icons」このブログを購読するDesigndevelopについてデザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。※本ブログの「プライバシーポリシー」です。関連サイトDesigndevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。MEDIAは拡張する現実から未来を探るBLOGです。※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。DesignDevelop.。