m-handのブックマーク (467)

  • ロゴの扱い方でプロとアマの差が出る。アイソレーションゾーンとレギュレーション・ビジュアルアイデンティティについて / Maka-Veli .com

    Webサイトを眺めていると、よくロゴの扱い方が雑な物をよく見受けられます。どうもWebの場合はそれが多く見られる気がします。「印刷をしない」 からでしょうか?僕も当時、よく叱られてました・・・ アイソレーションゾーンとは アイソレーションゾーンとは、ロゴ等の周りにある『余白』の事です。 ロゴ周りでなくても、キャッチコピーやタイトルの周りに取ることが多いはずです。 タイトルやキャッチコピーなどの場合は、 ジャンプ率を高めに設定する場合は2~4倍くらいでも良いと思います。 逆にジャンプ率を低めに設定した、あまり強調を必要としない場合でも、 1つ分くらいは空けるとすっきりしますね。 スペースを上手く使える人はプロデザイナーっぽいですよね。 ホワイトスペースは「無駄」じゃありません。 隙間があるからといって、あれこれ詰め込むのはいかにも素人っぽいです。 ロゴレギュレーション 大

    m-hand
    m-hand 2012/03/26
  • http://designaholic.cc/2012/03/web1support-detail.html

    http://designaholic.cc/2012/03/web1support-detail.html
    m-hand
    m-hand 2012/03/23
  • 22 Free and Premium Well-Designed Web Form PSD Files - Designbeep

    Web forms such as contact forms,subscription forms etc.are important elements of websites and blogs to keep connected with the users and readers.In the this high competitive online business world webmasters do not spend too much time to create a web form however we should always consider the importance of these web forms.You know most of the web forms are really simple and poorly designed but you

    m-hand
    m-hand 2012/03/22
    お問い合わせで使うWebフォーム用のPSDファイル22個|下の5つは有料
  • デザインのOne For All / Maka-Veli .com

    街を歩いていて、髪やウェストが綺麗な女性の後ろ姿を見て、 それだけで「カワイイ♡」って思ったりしませんか? 女性の場合は、男性が背が高かったり、指が綺麗だったりしてカッコいい!!って思ったり? でも、世間一般的に顔とか性格とかで好みが別れるって言われますよね。 例えるなら、顔はトップページ等の基デザイン。性格はコンテンツといったところでしょうか。 僕のサイトで良く言われるのが、 挿し絵が好き、とか 見出しが見やすい、とか 切り口が面白い、とか 誉めていただけます。スゴい嬉しいです。デレデレします。 もうお気づきでしょうが、結局好きになる部分、好感を覚えるのは部分的な要素が多いです。 一つ一つ細かい部分を見ていき、結果、全体的な印象として「好き」になることがあります。 これが「神は細部に宿る」と言われる由縁では無いでしょうか。 もちろんそれらの要素が全体にマッチさ

    m-hand
    m-hand 2012/03/22
  • あなたの「プレゼントしたい」欲を支援する国産ソーシャルギフトサービス・Wishcruise

    ご連絡を頂いたのでご紹介です。 最近多く見かけるソーシャルな ギフトサービスに新たに仲間入 りした、Wishcruise。手軽に 友人プレゼントを贈ることが 出来そうですよ。 ソーシャルミーティング、ソーシャルランチなど、色々な形でのソーシャルサービスが増えていますが、こちらは、ギフト支援サービスです。まだベータ版なので宜しければフィードバックを送ってあげてください。 記念日などを登録して欲しいものも登録しておきます。それを見た友達プレゼントを選ぶのに頭を悩ませることなく欲しいものを贈れる、という仕組み。 こんな感じで欲しいものが登録されます。ギフトをあげるにはFacebookで友達になっている必要があります。 使い方です。というかサイトに書いてあったので拝借します。 使い方 因みに友達の少ない僕でもリマインダー的に利用できます。 まだベータ版なのでこれからではありますが、せっかく記事

    あなたの「プレゼントしたい」欲を支援する国産ソーシャルギフトサービス・Wishcruise
    m-hand
    m-hand 2012/03/22
  • 無料でパスワード付きPDFファイルが簡単に作成できる「Doro-PDF-Writer」

    多機能なPDF作成ソフトではどう設定すればいいかちょっと分からないユーザーや多機能である必要もなく文書をPDF化できればこと足りるユーザーにとって、「Doro-PDF-Writer」は機能がシンプルな分、PDFの作成が簡単にできます。実際のインストール・PDF作成・パスワード設定などは以下から。 the sz development http://thesz.diecru.eu/ ◆インストール 上記ページにある「Doro::Free PDF Printer」をクリック 「Download DoroSetup.zip」をクリック ダウンロードしたZIPファイルをExplzhなどで解凍して、「DoroSetup.exe」を起動 「Next」をクリック 「Next」をクリック 「Finish」をクリックすればインストールの完了です。 ◆PDF作成の操作方法 作成した文書やイメージを開きます。例

    無料でパスワード付きPDFファイルが簡単に作成できる「Doro-PDF-Writer」
    m-hand
    m-hand 2012/03/22
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    m-hand
    m-hand 2012/03/22
  • Photoshopの便利なスクリプトや拡張機能のまとめ

    Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ

    Photoshopの便利なスクリプトや拡張機能のまとめ
    m-hand
    m-hand 2012/03/22
  • Photoshop CS5をもっと便利にする12のツール -Trevor Morris Scripts

    Photoshop CS5の特にレイヤー周りの機能をもっと便利にする12のツールがまとまったエクステンションを紹介します。 12 New Photoshop Tools [ad#ad-2] Trevor Morris Scriptsの12のツール Trevor Morris Scriptsのインストール Trevor Morris Scriptsの12のツール Trevor Morris Scriptsには、Photoshopをもっと便利にする12のツールが揃っています。 便利なツール全12種 [ad#ad-2] 以下、左上から順に。 Horizontal Spacing 選択したレイヤーを水平方向に均等の間隔に分配します。 Vertical Spacing 選択したレイヤーを垂直方向に均等の間隔に分配します。 Center layer 選択したレイヤーを水平・垂直の真ん中に配置します。

    m-hand
    m-hand 2012/03/21
  • ブランディングとは何か。ブランディング活動の基本をWeb制作時に意識しよう。 第三弾『Webサイトを構築する上で注意すべきポイント』 / Maka-Veli .com

    全12カテゴリー。分野別で見る、 Webサイトを構築する上でそれぞれ注意すべきポイント Webサイトの目標=プロジェクトの目標、ではないということ。 続:Webサイトを構築する上で注意すべきポイント に続き、第三弾です。 前回までは、業界別それぞれの注意点や、そもそもサイトを作るという事とは?などについて書いてきましたが、今回はもう少し深く、マーケティングを視野に入れて考えてみたいと思います。企業のブランディングについてです。 そもそもブランディングとは何か ブランディングとは、企業、法人がお客さまやユーザー等へ、自社のブランドを構築・訴求する為の活動その物です。ロゴやデザインに留まらず、接客方針、キャッチコピー、地域性など、様々なモノが対象になり、それを伝える事、そしてターゲットの頭・心にその概念を留めさせ、同業他社との差別化を図る為に行います。 良質なモノに、ある特定の印が付

    m-hand
    m-hand 2012/03/21
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    m-hand
    m-hand 2012/03/21
  • ブラウザで正規表現のお勉強ができる『Scriptular』 | 100SHIKI

    よくあるツールではあるが、最近正規表現を勉強しなおしたのでご紹介。 Scriptularでは、インタラクティブに正規表現を試すことができるようだ。 エンジンとして使っているのはJavaScriptのようだ。クライアントサイドだけで試せるのでさくさく動いていい感じだ。 また右横にはリファレンス的に説明もあるのでいちいちどこかを検索する必要もない。 そろそろ正規表現を・・・という方は試してみてはいかがすかね。

    ブラウザで正規表現のお勉強ができる『Scriptular』 | 100SHIKI
    m-hand
    m-hand 2012/03/21
  • 配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark

    自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
    m-hand
    m-hand 2012/03/21
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    m-hand
    m-hand 2012/03/19
  • 小規模なWebサイトにぴったり。PHP製のメールフォーム·TransmitMail MOONGIFT

    TransmitMailは日製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ

    小規模なWebサイトにぴったり。PHP製のメールフォーム·TransmitMail MOONGIFT
    m-hand
    m-hand 2012/03/19
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
    m-hand
    m-hand 2012/03/19
  • 米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ

    はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか?」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日で5年間、米国で3年間デザインの教育を受けましたが、実感として

    米国のデザイン教育から学んだこと デザイン会社 ビートラックス: ブログ
    m-hand
    m-hand 2012/03/19
  • さいたま市の不動産売買ならアールラインへ

    2024年04月23日 GW休業のお知らせ 4月27日(土)~5月6日(月)までゴールデンウイーク休業とさせていただきます。 ​ 2024年03月28日 社有物件「イトーピアエフィールさいたま新都心8階」お引渡しが完了しました。 2024年03月27日 「さいたま市大宮区上小町」共同住宅用地のお引渡しが完了しました。 過去のお知らせをすべて見る

    m-hand
    m-hand 2012/03/15
  • http://designaholic.cc/2011/01/google-1.html

    http://designaholic.cc/2011/01/google-1.html
    m-hand
    m-hand 2012/03/13
  • Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ

    暗黙知(あんもくち、Tacit Knowing)は、ハンガリーの哲学者・社会学者マイケル・ポランニー(Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、(全体的・部分的に)言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基的なところだけ

    Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ
    m-hand
    m-hand 2012/03/13