Photoshopでデザインを起こすとき、エディタみたいに分割できる機能を紹介します。 PC→スマホ用のページを起こすとき、ページを展開するとき、デザイントーンを比較・確認したいときに使えますよ。
photoshopの画面分割がとっても便利。 | バニデザノート
Photoshopでデザインを起こすとき、エディタみたいに分割できる機能を紹介します。 PC→スマホ用のページを起こすとき、ページを展開するとき、デザイントーンを比較・確認したいときに使えますよ。
ウェブデザインのインスピレーションを受けられそうなギャラリーサイト | バニデザノート
最近のウェブサイトのデザインってどんなの？と気になったり アイデアやインスピレーションを受けたいときに見たいサイトをいくつか紹介します。 ■日本語サイト S5-Style 検索したときに的確に抽出できる印象。キレイめからシンプルまで。RSSも読みやすい。 Web Design Clip 大手系、キレイ系が多い感じ。 WONDER BOOKMARKS シンプル系、かわいい系、工夫凝らし系がおおい感じ。 ■海外サイト Web Creme シンプルで、おしゃれなサイトが多いです。 Web Design File いわゆる「ザ☆海外サイト」なデザインをクリップ。 日本サイトではあまり見ないようなシンプルでダイナミックな工夫を凝らしたサイトがたくさんあります。 ■Pinterest Pinterest search results for web design Pinterestでweb+desig
忙しい人のためのプロジェクト管理の考え方 - バニデザノート
フリーランスで制作だけでごはんをたべているひとのほとんどは 少なくとも２〜３件、多い時は１０件以上の案件を 並行してプロジェクトをすすめているとおもいます。 新規ベンチャーな社長さんや、 ディレクションリーダーさんなんかもそうかもしれません。 今回は、どうやって複数のクライアント様との お仕事を滞りなくすすめていくのかということを考えてみたいと思います。 課題と希望： ・各クライアント様とのやりとりのなかで決定しているスケジュールや予定に沿い、 納期を守りたい。 （もっと言えば、納期より２〜３日前にはアプローチして信用を勝ち取りたい。） ・各案件のファイルまですばやくアクセスし、いつでも取り出せるようにしたい。 ・データの共有や、報告事項の共有をし、トラブルをなくしたい。 こんな風に、お客様の要望に応えられる、よい制作担当でいたいですよね。 これらを今回の課題と希望にしてみます。 役割を持
フリーランスで仕事をしている際に使っているメモ・アラート・ユーティリティアプリいろいろ | バニデザノート
フリーランスで仕事をしている際に使っている メモアプリなどをはじめとしたユーティリティアプリを まとめてみます。 主にmac,iphone,ipad,ウェブアプリになります。 クラウドっぽく使っているもの（すべてのデバイス共有） Evernote / アイデアメモとして。ipadの7notesなどで書かれたデータも最終的にはここへ。 Basecamp / プロジェクトごとのスケジュール管理。指示管理。自分用なので共有機能はつかってない。 Dropbox / データバックアップとして。重たいデータの受け渡しサーバーとして。 Macで主に使っているもの Alarms / 予定の時間になるとgrowlと音でお知らせしてくれる。集中しているときに便利。 iCal / mac純正だけどipad,iphone,googlecalと繋いでいるのでべんり。 Thunderbird / メール管理アプリ。複
スクロール制御系のjqueryプラグイン「Jquery Waypoints」 | バニデザノート
主要な動きは４つ。 ・[ Infinite Scroll ] 永遠にスクロールしてくれる （先頭の要素をもう一度読み込んでくるくる回転しているようにみえる） ・[ Sticky Elements ] 一部のエレメントだけ、スクロールしても動かなくする ・[ Scroll Analytics ] スクロールした任意のポイントで、ページビューカウント ・[ Dial Controls ] ダイアル状の要素をスクロールさせると、他の要素が変化する ダウンロード＆解説はこちら Jquery Waypoints ご参考にどうぞ。 関連記事 やさしい時間と音楽の流れるサイト「hanging up the moon」 2011/11/09 完成度の高いフリーのアイコンセット「iconSweets2」 2011/11/08 可変グリッドで斜めなアイデアが素敵なサイト「ARNAUD BEEN」 2011/1
Wordpress+iphoneのみで更新できる環境をつくる方法 | バニデザノート
iphone4sを新調しましたので、 iphoneだけでブログが更新できたらいいなぁと vanl.laというひとことブログを立ち上げて見ました。 今回はこのブログをセットアップしたときに使った 環境をご紹介します。 必要なもの： サーバー環境+Wordpress（インストール済みが前提ですすめます） wordpress for ios ■Wordpress内プラグインとして ・ Jetpack by WordPress.com アクセス数の確認ができるようになります ・ Tweetable 投稿した際に、自動でtwitterへ投稿できます ・ brBrbr 改行プラグイン デザインテーマはミニマムでシンプルなものなり、 好きな無料テーマなどをインストール。 セッティングいろいろ。 Jetpack by WordPress.comは、 Wordpress.comのアカウントが別途必要（無料ア
デザインのアクセントになりそうな無料手書きフォントを集めました | バニデザノート
デザインのアクセントになりそうな手書きフォントを集めてみました。 無料DL可能となっておりますが、 ライセンスなどは各フォントの詳細を御覧ください。 手書きフォント アームド・レモン 漢字もOKな無料手書きフォントの中ではバランスがよいフォントだと思います。 Sweetly Broken Halo Handletter Dear Joe 5 Casual Jellyka CuttyCupcakes Jellyka - le Grand Saut Celine Dion Handwriting 手書きフォントは、こんなふうに使うとかわいいです。 today is ひとこと日記アプリのtoday is にて、アクセントに使われています。 viera RB3シリーズが導く私らしいリラックスタイム タイトルを手書き風に。 リラックス感が表現されています。 ベーシックなフォントで見慣れたあとは ゆる
レスポンシブなウェブデザインのショーケース | バニデザノート
レスポンシブなウェブサイトを構築しているサイトの ショーケースがありましたので、ご紹介します。 是非ブラウザサイズを変更して、ぐりぐり移動させてみてください！ CSS-TRICKS ブラウザの幅が変更されるときに、アニメーションまでついています。 full-frontal warface 40 HORSE food sense 以前もご紹介しましたが、foodsenseもレスポンシブです。 blogなどもちゃんとレスポンシブに対応しています。 いかがでしたか。 あなたのウェブデザインのご参考にどうぞ。 今回はこちらの記事を参考にさせていただきました。thanks! 40 Inspiring Responsive Websites
日本の可愛いネットショップのデザインショーケース | バニデザノート
日本のＥＣサイト（ネットショップサイト）の中で 可愛いとおもったデザインを紹介します。 ディティールが素敵なものはもちろん、 内部ページのナビゲーションが秀逸で、ついつい「長居」してしまう といった点にも注目してみました。 セレクトショップ・* mocha 楽天サイトです。女性向けの雑貨や、靴からはじまり 最近はアパレルも取り扱うようになりました。 楽天サイトに珍しいフェードの動きや、各種ボタンのカスタマイズ かなりカスタマイズされている印象。 メルマガも可愛いです。 無印良品ネットストア 商品詳細ページや、特集ページがいつもとても綺麗です。 メルマガも凝っています。 J.PULSE スタイリッシュな家具を販売されています。楽天サイトです。 細めのイケメンさんが写真によく出現します。 写真のセンスがよいように感じます。 あす楽のサービスや、家具屋さんで重要な商品の寸法などに 時間を注いでい
WordpressにphpでFacebookのいいね！ボタン、tweetボタン、はてブボタンを付けるコード | バニデザノート
Home > wordpress > WordpressにphpでFacebookのいいね！ボタン、tweetボタン、はてブボタンを付けるコード PHP $urlget = '取得したいサイトのドメイン（htt://example.com/）' . getenv('REQUEST_URI'); $source_url = urlencode($urlget); //Facebookいいね数取得 function likeCount($str = null) { if($str) $url = $str; else $url = ((!empty($_SERVER['HTTPS']))? "https://" : "http://").$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']; $json = file_get_contents('htt
ホワイトスペース使ったウェブデザインの考え方
ウェブサイトの要素をレイアウトをする際に非常に重要な ホワイトスペースの考え方について、すこしまとめてみました。 私が人にウェブデザインを教えるときは、まずここから始めます。 boxとboxとの空間の開け方、要素と要素の「間」は、音楽でいうところの「リズム」だと考えています。 リズムが整っていれば、他の要素が主張したことが上手に伝わります。 リズムが整っていなければ、けんかしあい、不協和音＝見づらい状況を作り出します。 自分なりのリズムを見つけていけば、それが個性・ジャンルになるのです。 どれが間違っている、というお話ではなく、どんな風に感じたかを大事にして読んでみてください。 とてもとてもシンプルな例を出してみます。 AとBを比較してみてください。 どちらのほうが読みやすいように感じますか？ どんなふうに感じましたか？ この例では、Bのほうに大きな余白を与えました。 ４隅すべて同じぐらい
シンプルでデザイン性のあるインスピレーションを受けられそうなサイト | バニデザノート
タイポグラフィが美しいサイトと、グリッドを上手に使っているサイトで デザインインスピレーションになりそうなものをご紹介します。 シンプルで美しいサイトには、一定のホワイトスペース（余白）を繰り返したり 画像のサイズをあわせたりすることで生まれます。 どうしてこのデザインが美しく感じるのか、 またどうしてイレギュラーなものが特別な印象を出すのかを考えてみてはいかがでしょうか。 apo UKのウェブデザイナーさんのポートフォリオサイト。 ４隅の黒い部分がナビゲーションになっている。 インタラクティブな動は、是非実際に触って体験してください。 An Interactive Agency — AREA 17 ニューヨーク、パリ、フランスで活動されているウェブデザイン会社のサイト。 ロゴタイプのスラッシュと、サイト内を横断する赤いラインがおしゃれすぎます。 mani-fiestoftura プロダク
最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ | バニデザノート
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 定番になりつつありますね。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。 上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたり スライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。 シンプルなdemo Even More Demosもオススメです。 オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa
使いやすそうなフリーのハイクオリティなアイコン集 | バニデザノート
ソーシャル系のアイコンをメインに、 キレイでカッコイイフリーアイコンを紹介いたします。 ウェブサイトのワンポイントにいかがでしょうか。
webデザイナーにおくるちょっとこぎれいな整ったフリーフォント | バニデザノート
ウェブデザインで使えそうなちょっとこぎれいな整ったフォントを紹介します。 今回の記事中のフォントは現時点ではすべてフリーで落とせるみたいです。 配布条件などは、各サイトで確認してくださいね。 DSP DIN たしかユニクロでも使われていたDIN系ですよ〜(*´ω｀*) Six Caps 肉付きが一定で細長いフォントは、ロゴタイプなどにも利用しやすいですね♪ Dalle ウェブサイトのデザインも可愛いかったです。衝撃。 Rawengulk ultralightが良い感じです。lightなフォントは最近可愛いですよね。 Quattrocento クラシックなローマなフォントフェイス。王道感。 Sheep Sans ちょっと新しい感じのするサンセリフ。 Dancing Script 海外産のウェブサービスのアイキャッチとかで使われてそう。 Sansus Webissimo こちらも最近よく見かけ
海外ウェブでトレンドっぽいぼかし表現と、ストライプ表現 | バニデザノート
海外のウェブでトレンドのデザイン表現のなかでも 印象的で可愛いとおもったものをピックアップしてみました。 ショーケースの表現：背景をぼかす フォーカスを当てているオブジェクト以外をぼかす技法が多く見られるようになってきました。 ただぼかすだけでなく、カメラのフォーカス感やボケ感のバランスのセンスが問われそうです。 ストライプ３種 ストライプ自身は目新しくはないのですが、組み合わせ次第で「新しい」と感じさせる印象を出せるようです。 albertoantoniazzi ： 大きなナナメのストライプが印象的。 lauraburciaga ： ヨコストライプ。 infinvision ： 細い幅のストライプがイラストの周りに入っています。 気がつけば簡単だけど、センスが必要になってくるような デザインが多いように感じています。 質感などもソフトウェアですぐに表現できるようになりましたが すべて詰め
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
