Home > Archive of デザイン

デザイン

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  • Comments (Close): -
  • TrackBack (Close): -

軽量でシンプルなレスポンシブフレームワーク「Skeleton」

skeleton.jpg

Skeleton」は、レスポンシブCSSフレームワークです。「シンプルで、羽根のように軽い」がコンセプトで、基本的なhtmlコンポーネントと、グリッドレイアウトのみが入っています。
モバイルファーストな意識が高く、ファイル自身も少なく軽量なので全体が見渡しやすく扱いやすい印象です。

Read More

デザインで文化に切り込む、最近の斬新な神棚いろいろ。

01_20150714152352088.png

神棚って、なんか切り込みづらいトピックスなんですが。そんな切り込みづらいものにデザインプロダクトで切り込んでいる前衛的な方々がいらっしゃるようです。

今はパワースポット目的で神社を訪れてお札をもらって扱いに困っているひとや、厄除けのお参りでおみやげに持たせてもらうパターンで神棚に興味を持つ人もおおいとかそうでないとか・・。
ひとの暮らしに寄り添うという意味では、そういうモノに対してデザイナーが動くことは当たり前なのかも。そんな気軽な気持ちで紹介してみます。

※あくまで日本の「文化」としての「神棚」として扱っています。いろんな宗教とか考え方に触れる気はないです。

Read More

SVGデータから背景画像を作れる「Plain Pattern」・・のUIがかわいい。

svgpattern.jpg

SVGで作ったパターンをアップロードして、pngパターンでDLできるサービス「Plain Pattern」。

Read More

手描きの素材を自分でつくれるアプリ2個(フォント&ブラシ)

adobe_sketch.jpg

手描きの線や、文字を素材として落としこむ方法も、
手描き→スキャンや撮影の時代ではなくなっているようです。手書き系素材を自分で作るときに重宝しそうな2つのアプリをご紹介します。

Read More

photoshopの画面分割がとっても便利。

ps_bunkatu001.jpg

Photoshopでデザインを起こすとき、エディタみたいに分割できる機能を紹介します。
PC→スマホ用のページを起こすとき、ページを展開するとき、デザイントーンを比較・確認したいときに使えますよ。

Read More

movなどの動画データをphotoshopでアニメーションgifにする方法

movtogif.jpg

アニメーションgifが復権してきているようなので、方法のメモ。写真をコマ撮りしてレイヤーに時系列で並べていくことでもできますが、今はmovとかスクリーンキャストとかをアニメgifにするのが新しいのかな。とおもいます。

Read More

「ウェブデザイン」の「枠」のほうのデザインのおはなし

des01.jpg

普段は、確定してたり、理解したことしかお伝えしないバニデザノートですが
ぼんやりデザイン感シリーズをちょこちょこやっていきたいと思ってます。

今回は、ウェブデザインのなかでもよく混乱しがちになる、
「枠」と「コンテンツ」の2つのなかから、「枠」のほうのお話を書いてみたいと思います。

Read More

「デザイン」という思考(概念)をまとめてみる。

works_ship-of-the-zipper_main.jpg

デザインとはなにか。という問に対しては
説明がとてもむずかしい。
だから、概念的になってしまって、ぼんやりして申し訳ないですが
わたしが15年間くらい、いろいろみてきて、いま思う「デザイン」についての触りを、まとめてみました。

Read More

photoshopの「レイヤーからの画像アセット」機能でスライス切りからサヨナラできるかも。

aseets1.png

photoshopの「レイヤーからの画像アセット」機能。
前から気になっていたのですが、やっと試せました。
これは速いですねー。photoshop CC 2014.2.2リリースのバージョンでの
使い方をすこし解説します。

Read More

プレゼンやセミナーのスライドのばに的考え方と、作り方。

3_20150222161231a86.png


ちょっと前にセミナー形式でお話させていただいたときに、
スライドを数人に褒められたので、ばに的スライドの作り方を書いてみたいと思います。

Read More

Index of all entries

Home > デザイン Archive

Sponsored Link
▲WordPress初心者向けに、ばにが書きおろしたオンライン授業です。上記バナーから受講いただくと、33%OFF!
ホームページ・ウェブサイトデザイン・制作ならバニレートデザイン事務所まで。Wordpress(ワードプレス)、カラーミーショップのカスタマイズから、レスポンシブ、Retina対応、スマホ用サイトもできます♪デザインカンプのみの納品や、バナーのみの納品などでも受付いたします!お気軽にご相談くださいませ。
Books - 寄稿させていただいた本たち
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressを利用して、趣味〜お仕事が可能なレベルの実践的な内容になっています。 ブログ風、Pinterest風、CMSとしてWordPressを利用する方法の3つをメインに、さらにこれらを拡張していきやすいような考え方や、きっかけを掴んでいただければという想いで書かせていただきました。担当Chapter:9chapter (メイン3、サブ6。110ページ前後ぐらい。)
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
Photoshopの作業をすばやく行って、デザイン自身に集中できるように。基本動作であっても、考え方としてどのように持っていくか、ということをテーマに書かせていただきました。(担当:本編の全体89のテクニックのうち、23ぐらいのテクニックと、特典PDFの中にもいくつか。)
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」にてCase Studyの1つを寄稿させていただきました!
Popular Posts
Recent Entry
Category
about:vanillate
vanillate

author: vanillate(バニレート)

フリーランスのウェブクリエイター。
wordpressやカラーミーショップのデザインなど、シンプルで可愛いサイトを作っています。






Link
Recommend
レンタルサーバー 【ヘテムル】 なら、 独自ドメイン【無制限】、データベース【50 個まで】を追加費用無料で設定できます。 しかも、サーバー容量は余裕の 42.195GB! 1 つの契約でたくさんのサイトを運営したい方にぴったりのサービスです。
★【カラーミーショップ】なら本当に安心!★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心!
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円~!
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!
Design Items
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。