ウェブデザインの文章レイアウト組みパターンを展開してみる |　バニデザノート

2015/11/15 256 users ウェブデザイン バナー レイアウトパターン 配置 文章

ウェブデザインの中の、バナーやサイドメニューを抜いた、文章のレイアウトパターンを展開してみました。基本はだいたいこんな感じだとおもうので、配置に困ったら試してみてください。 続きを読む

Sketch3でこれからデザインする人に使い方のヒントになりそうな操作をまとめてみる |　バニデザノート

2015/07/19 189 users sketch3 ヒント 操作 使い方

1. [Insert]ボタン。なんでもカンバスに置くものの追加はだいたいここから入れられる。 2. オブジェクトを変形させたり、マスクしたりするボタン。 3. パスをブレンドする操作周りのボタン。 4. [View]ボタン。カンバス自体の設定や、ルーラーやグリッドなどの設定が入っています。 5. [Export]ボタン。書き出しはここか、10番から。 6. オブジェクトの配置や整列 7. 情報エリ... 続きを読む

ワイヤーフレーム（モックアップ）を作るアプリがすごい進化してた |　バニデザノート

2015/04/07 560 users モックアップ ワイヤーフレーム プロジェクトフォルダ アプリ

ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって 私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。 手描きでレポート用紙に描いて、 スキャンしてプロジェクトフォルダへ入れておくことも多いのですが デザインの前に「こういう配置でいいですよね？」って共有したいとき 清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。 最近調べてす... 続きを読む

WordPressで「ささっと作る」で請けれなくなってる現状。 |　バニデザノート

2014/11/25 499 users ロリポップ WordPress アタック 現状 ハードル

WordPress案件、前からいろいろ請けさせてもらっているんですが だんだん「簡単にー」っていう範囲から外れてきていて どんどん予算もかさばっている現状があります。私なりの把握していることを書いてみます。 WordPressが広まりだした頃から、アタックを受けやすくなっているWordPress。 WordPressが動いて安くて便利なロリポップでのアクセス制限のハードルが高いです。 一時期特にロ... 続きを読む

ウェブデザイン配置のちょっとした「もやもや」をスッキリさせる解決例。 |　バニデザノート

2014/04/05 135 users

ウェブデザインでの配置で、「ルール通りにやっているのにどこかうまくいかない」場合にどうやって解決していくかを考えてみました。今回の例題画像は、すべてクリックすると100%表示のデータを表示するようにしてあります。 ウェブデザインのちょっとした「もやもや」を、少しだけスッキリしたデザインにするヒントになれば嬉しいです。 続きを読む

photoshopでのウェブデザインの勘どころ |　バニデザノート

2013/07/08 141 users ウェブデザイン Photoshop 一括 ツール ファイル

Photoshopで複数ページのカンプデザインを展開するとき、ファイルは一括にするのか、それとも１ページごとに作成するのか、その際共通オブジェクトをどう扱うかといったデータ・ファイル管理についてまとめてみました。また、Photoshopでのウェブデザインの際に便利そうなツールや「やり方」も合わせて考えてみました。 続きを読む

きっとトラブルが起きにくい！ウェブデザインの制作順序を書きました。 - バニデザノート

2012/02/14 737 users フェーズ ウェブデザイン ウェブサイト 構築 たくさん

ウェブサイトの制作には、いくつかのフェーズがあります。 企画→制作→構築→公開を何度もくりかえすこともあり、スパイラル方式なんて言われることもあります。 今回は、ウェブサイトの制作順序を書いてみたいと思います。 むかしはこういった文章をブログなどで書く方が多く、本もたくさんあったのですが 今は知識や技術に偏ったものがおおく、目に触れることが少なくなったのかもしれません。 もしくは、あたりまえのこと... 続きを読む

これからウェブデザイナーになりたいと思っている人へのお手紙 - バニデザノート

2012/01/19 109 users ウェブデザイナー まえ Twitterアカウント ひと 本物

最近よくウェブデザイナーを目指しています！というプロフィールの twitterアカウントにフォローされることが多くなりました。 ウェブ系で働いている私としては、こうやって目指すひとが増えるのは とても嬉しいこと。 夢をみるだけでなく、会社に就職したり独立したりするまえに、 いまからできることを、書きだしてみました。 ●実際に働いているクリエイターさんのお話を聞く 本当はこれが一番早いんです。 本物... 続きを読む

フリーで使える！企業サイトでよく見かける、新しいウィンドウを示す「新窓」アイコン - バニデザノート

2011/11/24 101 users アイコン psd 新しいウィンドウ Fireworks PNG

フリーで使える、企業サイトでもよく見かける「新窓」アイコンをご紹介します。 Sheps4Freeさんでは、100のアイコンがDLできますよー！ お気に入りの新窓アイコンを、Fireworksの共有ライブラリに登録しておけば 効率化が図れそうですね♪ 100 External Link Icons (PNG, PSD) http://www.shapes4free.com/vector-icons/... 続きを読む

[配布]photoshopでドットのラインを描く方法＆破線（点線）ブラシ - バニデザノート

2011/11/21 153 users Photoshop 点線 プロパティー ドット ブラシ

photoshopでドットのラインを描く方法をまとめてみます。 さいごに、配布ブラシもあります。 Fireworksなら、線を描いて、プロパティーから「ストロークを編集」とすると きれいなドットラインが描けるのですが photoshopではそういった機能がないんですね。 ドットラインを描くにはどうしたらいいのか探してみたら、みなさん色々な方法で やってましたので、その方法をご紹介。 ブラシを使う（... 続きを読む

フリーランスで仕事をしている際に使っているメモ・アラート・ユーティリティアプリいろいろ - バニデザノート

2011/11/11 115 users フリーランス ユーティリティアプリ メモアプリ iPad 仕事

フリーランスで仕事をしている際に使っている メモアプリなどをはじめとしたユーティリティアプリを まとめてみます。 主にmac,iphone,ipad,ウェブアプリになります。 クラウドっぽく使っているもの（すべてのデバイス共有） Evernote / アイデアメモとして。ipadの7notesなどで書かれたデータも最終的にはここへ。 Basecamp / プロジェクトごとのスケジュール管理。指示管... 続きを読む

デザインのアクセントになりそうな無料手書きフォントを集めました - バニデザノート

2011/10/21 1061 users 手書きフォント ライセンス よいフォント 各フォント バランス

デザインのアクセントになりそうな手書きフォントを集めてみました。 無料DL可能となっておりますが、 ライセンスなどは各フォントの詳細を御覧ください。 手書きフォント　アームド・レモン 無料手書きフォントの中ではバランスがよいフォントだと思います。 Sweetly Broken Halo Handletter Dear Joe 5 Casual Jellyka CuttyCupcakes Jelly... 続きを読む

商用も無料で利用できるフラットなフリーの日本向けソーシャルアイコンセット - GIGAZINE

2011/09/15 163 users ライセンス アイコン GIGAZINE http 全部

「フラットなボタンのライセンスフリーな日本向けソーシャルアイコンセットを作りましたので配布いたします」ということで、「バニデザノート」からアイコンがダウンロード可能となっています。 バニデザノート - フラットなフリーの日本向けソーシャルアイコンセットを作りました。 http://vanidesign.blog.fc2.com/blog-entry-7.html 中には全部で12種類のアイコンが以... 続きを読む

バニデザノート - ホワイトスペース使ったウェブデザインの考え方

2011/09/13 357 users ウェブデザイン Box リズム ウェブサイト 要素

ウェブサイトの要素をレイアウトをする際に非常に重要な ホワイトスペースの考え方について、すこしまとめてみました。 私が人にウェブデザインを教えるときは、まずここから始めます。 boxとboxとの空間の開け方、要素と要素の「間」は、音楽でいうところの「リズム」だと考えています。 リズムが整っていれば、他の要素が主張したことが上手に伝わります。 リズムが整っていなければ、けんかしあい、不協和音＝見づら... 続きを読む

バニデザノート - 最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ

2011/09/09 1014 users jQueryライブラリ jQuery ウェブデザイン 定番

ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 最近はもう定番になりつつあります。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非... 続きを読む