デザインを開発するという視点でお伝えするクリエイティブBLOG
毎年移り変わりの早いデザイントレンド。2018年に入り、どんなデザインが流行の兆しにあるのか？それをまとめた記事「10 Design Trends to Watch Out For in 2018」を今回は紹介したいと思います。
10の予想されるトレンドがピックアップされています。中でも気になったものをピックアップしてみましたので、以下よりご覧ください。
詳しくは以下
木目のテクスチャは、素材の中でも定番中の定番と言える存在。デザイナーなら誰しもが1度は使用したことがあるのではないでしょうか？そんな中今回紹介するのは、朽ちた木の質感に味のあるフリー木目ドテクスチャ「Freebie: Grungy Wood Plank Textures」です。
さまざまなテイストが存在する木目テクスチャですが、新しいきれいな雰囲気ではなく、時間が経ち自然の風合いが劣化した様子が印象的なテクスチャとなっています。
詳しくは以下
ブログを運営していたり、WEBを運営したりしているとYouTubeの貼付けタグにお世話になる機会も多いかと思います。WordPressやMovabletypeを始めとする多くのブログツールは「XHTML 1.0」が利用されていますが、実はYouTubeの貼付けタグは「XHTML 1.0」準拠していないそうでW3Cを気にされている方にとっては以前からちょっと話題になっていました。
現状のYouTube貼付タグで「XHTML 1.0」に準拠していない所は以下の通り
* `&rel` は不明な実体参照です。
* 空要素タグは <param /> と書くようにしましょう
* <embed> は Mozilla、MSIE または doti 用のタグです。
* </embed> は Mozilla または MSIE 用のタグです。
* <object> には等価な内容を書くようにしましょう。
手動でも修正できますが、YouTubeを利用するたびに書き直すのは非常に面倒。そこで今回紹介するのはその貼付けタグを自動的に最適化し、XHTML validの状態にしてくれるGreasemonkeyスクリプト「YouTube better embed」です。
変換等の面倒な作業は必要なくインストールするだけで、自動的に変換してくれるのでとても便利です。「XHTML 1.0」準拠にこだわってブログを書いている方はとても便利なスクリプトだと思います。
※このツールを使用するにはfirefoxにGreasemonkeyがインストールされている必要があります。
フリーで配布されているアイコンにはいろいろな種類があり、デザインテイストもさまざま。そんな中今回紹介するのは、シンプルさを可愛らしさを兼ね備えたフリーアイコン「Feather: 130 Free Icons by Cole Bemis」です。
130種の、定番として使用できるフリーアイコンがセットになってダウンロードできるようになっています。
詳しくは以下
アイコンには機能などをグラフィックに置き換えてユーザーに分かりやすく示す役割があります。そんな中今回は、食べ物からビジネスアイテムまで様々なアイテムが揃う、ポップなカラーが魅力的なフラットアイコンセット「Magicons: 2867 Flat Icons」の紹介です。
様々なシーンで活用できるフラットなアイコンセットです。
詳しくは以下
たくさんのデザイン素材を持っていることで、制作するデザインのバリエーションはどんどんと膨らんでいきます。今回はそんな素材リストに加えておきたい、最新のフリーリソースをまとめた「50 Free Resources for Web Designers from September 2015」を紹介したいと思います。
Free Set of Star Wars Avatars –
テンプレートからフォントまで、いろいろな種類のハイクオリティ素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
photoshopなど一部高機能な写真レタッチソフトには実装されていますが、今回紹介するのは写真上の不要なものを簡単に消去して周りと馴染ませるWEBサービス「Webinpaint」。
使い方は非常に簡単で、写真の中の消したいものをブラシで、塗りつぶして、Inpaintを押すだけで写真を解析して、周りの風景と違和感がないように修正してくれます。レタッチした例がいくつか公開されていましたので。下記に貼り付けておきます。
詳しくは以下
旅先での思い出や美味しいものを撮った写真をSNSに投稿する時、Instagramを活用している人は多いのではないでしょうか。そんな中今回は、Instagramフィルターを再現するCSSスニペット「Instagram.css」を紹介したいと思います。
40種類以上のバリエーション豊かなフィルターを再現できるCSSです。
詳しくは以下
読んでもらえる、魅せるメールマガジンを目指すため、HTMLを利用したテンプレートを利用している方も多いはず。しかしHTML Emailを作成するには、時間と手間が掛かります。そこで今回紹介するのは、効率的にHTML Emailを作成するためのHTML Emailテンプレートを集めた「25 Free HTML Email Templates」です。
100+ free HTML email templates | Campaign Monitor
シンプルなレイアウトから、イラストを利用したポップなテイストまで、さまざまなテンプレートが豊富に紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
波形や水面のきらめき、透明度など、写真の種類の中でも表情が非常に豊かな水のテクスチャ。シンプルに背景、また幻想的な空間を作り上げるためのパーツとしても力を発揮してくれます。今回はそんな水テクスチャを集めた「20 Refreshing Still Liquid Textures」をご紹介します。
ManaXmomo-Water blue by ~stocks-by-manaXmomo on deviantART
さまざまなアングル・シチュエーションで撮影された写真がテクスチャとなり、豊富に展開されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
インターフェイスを製作するときに時間を節約しながら、クオリティを保ちたいときに、ユーザーインターフェイスに必要なパーツをパッケージした素材が便利です。今日紹介するのはWEBデザインとアプリデザインのためのフリーUIパッケージを集めたエントリー「18 free UI elements packs for your web designs and apps」です。
様々なタイプのUIの素材が用意されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
