タグ

webデザインに関するh_hmapのブックマーク (38)

  • Webデザイナーならば必ず一度は憧れる、余白が美しいWebデザインまとめ59個

    artless Inc. / mount inc. / standardimage他...全60件

    Webデザイナーならば必ず一度は憧れる、余白が美しいWebデザインまとめ59個
  • 実践して結果を出す、コピーライティングの技法 | Webコンサルティング

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

  • 思わず泊まりたくなるホテルや旅館のWEBサイト〜国内篇〜 | minspi

    私は18歳になった時からパチンコやスロットをするようになりました。総合的には負けていると分かっていても止めれません。時には消費者金融からお金を借りてまでパチンコ屋に行く事もあります。結婚し、に「お金を借りてまでギャンブルするなんて最低!」と言われてしまいました。怒るのも分かるのですが、パチンコ代の為に消費者金融からお金を借りる事は、そこまで悪い事なのでしょうか? 自己責任です!!例え負けても文句は言えません!! 消費者金融でも銀行でも、使い道自由なカードローンという事なので、ギャンブルに使っても問題はありません。貸付の条件としても事業の為の融資は不可という事は多いですが、ギャンブルはダメとは書いていませんし。ただし、ギャンブルに利用するお金は自己責任になります。言い方を変えると自業自得です。それが分かっているならば、私は問題ないかと思います。 私の旦那もクレジットカードのキャッシング機能

  • Mac の Web 制作者向けおすすめアプリケーションまとめ

    Macbook 購入した人に私がおすすめしたいアプリケーションをまとめておきました。 Adobe Web Premium 毎日使います。これは必ず入れておきたいソフトですね。Macbook だと心なしか高速です。 Adobe Creative Suite 5 Web Premium Macintosh版 ClamXav ウィルスチェックです。特定のフォルダの監視や新しいファイルのウィルススキャンができます。 ClamXav CleanArchiver .DS_Store などのファイルを含めずに圧縮フォルダを作れるので便利です。 Sopht Square – CleanArchiver AppCleaner アプリケーションのアンインストールが簡単にできます。 AppCleaner Evernote 打ち合わせの際に便利です。 すべてを記憶する | Evernote Corporation

  • カラー別、デザインが素晴らしいウェブサイトのまとめ

    カラー別にデザインが素晴らしいウェブサイトのまとめを紹介します。 Web Design: Nice and Clean Layouts ホワイトをベースにしたウェブデザインのまとめ キャプチャ:Stu

  • デザインの勉強にもなる、高品質なウェブページのPSD素材 -Artfan Design | コリス

    ウェブデザインに役立つリソースやチュートリアルを掲載している「Artfan Design」から、個人ブログやポートフォリオ、ビジネスサイトですぐに使えるウェブページのPSD素材を紹介します。

  • これだけあればシンプルアイコン探しには困らないかも!全部フリーのシンプルアイコンを一挙紹介! | バンクーバーのうぇぶ屋

    僕はとにかくシンプルなデザインが大好きです。無駄が無く、伝えることだけを伝えるあの潔さと、目的意識の高さが気持ちがいいです。もはや愛してます。 そんなミニマル変態な僕が集めたシンプルアイコン集。Evernoteのノートにびっしりになっていたので、せっかくだからここで全部ご紹介出来ればと思います!これだけあれば、まぁ今年は困ることは無いでしょう(たぶん)。自称ミニマル変態の僕は、まだまだ追加していくつもりなので、何か知っていれば是非教えてください! なんだか一部、別にシンプルじゃないアイコンも混ざった気がしますが、その辺は軽く流してあげてください。僕のEvernoteの中は、人に見せられないくらい乱雑な分け方なので、整理整頓かねて、ちょっとこういう投稿増やしていこうかなと思います! あと、大半は僕も商用利用を確認して利用したので、ほとんどはCommerciallyであることは確認していますが

  • designerterminal.com

  • 960pxのグリッドシステムを使用する際に役立つサイト集

    960pxのグリッドシステムをサイトデザインに使用する際に役立つ、サンプルや実装例、テンプレート、フレームワーク、グリッドの設計ツール・確認ツールなどを紹介します。

  • Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する

    2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派!」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト! オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S

    Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する
  • http://www.designwalker.com/2009/04/wireframe-2.html

    http://www.designwalker.com/2009/04/wireframe-2.html
  • ページの幅960pxを基準にして、設計するグリッドデザイン | コリス

    960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが

  • 考察:Appleはスマホサイトを作らない。

    今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう

  • icloudのアイコンに隠れた美しさの法則。

    Thank you for coming to my blog! this article English version is here. 先日のWWDCで発表されたicloud。アップルのクラウド格参入ということで色々とサービスが話題になっていますが、相変わらずアイコンのデザインも綺麗に仕上がっていますね。 では、なぜ美しく見えるのか、少し視点を変えてアイコンのデザインそのものに注目して、その美しさの理由に迫ってみたいと思います。 まずは、なんとなく眺めてみましょう。 雲の輪郭が不規則な曲線を描きつつも、とてもバランスのとれた形になっていますね。ワラのなかから一の針を見つけるぐらい、とまではいかないと思いますが、シンプルでバランスのとれた形にしながらも雲に見えるような形に定着させるのは、簡単そうに見えて意外と難しく、磨き抜かれたデザインだということが分かりますね。 なんとなく眺めて

    icloudのアイコンに隠れた美しさの法則。
  • 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン

    ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。

  • 新着記事

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

    新着記事
  • webデザインにおける視線誘導のおはなし | 07design.blog

    こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す

  • 「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント

    ☆ご注意☆ この記事は 2011年5月29日 に書いたものです。情報が古い可能性がありますのでご注意ください。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 毛の生えた私からツルツルの私へのダメだし Webデザイナーなりたてのころ、デザインのチェックをしてもらったとき、 「んーーーなんかこのへん素人っぽいね」と言われた事があります。 素人っぽい。。。???(゜д゜) そのときは何だろう、どんなのが素人っぽいんだろうとわかりませんでした。 就職はできたものの、技術は完全ど素人なので。 今も素人にちょびっっっとだけ毛が生えた程度ですが、 少しだけわかるようになりました。 「素人っぽい」の意味が。 毎日、たっくさんのWebサイトを見ますが、プロのデザイナーが作ったと思われる、構成もデザインもしっかりしたサイトもあれば、お店の人が一生懸命手作りしてそうなサイ

    「素人っぽいデザイン」から抜け出すために、デザイン制作時に心がけたい5つのポイント
  • 20 Fresh Examples Of Large Website Footers | Top Design Magazine - Web Design and Digital Content

    Writen by Bogdan+ / Comments Off on 20 Fresh Examples Of Large Website Footers Nowadays, the footer ain’t just a boring place at the bottom of a website. The era of the short copyright message and the three links (home, about, contact) is gone.  Now we can find galleries, intricate designs, contact forms and even videos; some footers are so large that they can hold a full website in them. In this

  • Web製作者やブロガーならブックマーク必須な個人商用フリーな5つの画像サービス * 男子ハック

    テキストだけじゃ見にくいので適度に画像を使ってアクセントテキストばかりの記事だと読みにくい。(逆にテキストだけのほうがいいって場合もあるかもしれませんが)。見に来てくれた人が「読みやすい」と感じてもらうためのふ画像も適度に使ったほうがいいだろうし、場合によってはスクリーンキャプチャを使うこともあるでしょう。 僕の場合はテキストだけで記事を書くことができていしまう場合でも、適度に画像を使ったり、上記のように見たらすぐわかる説明のような画像を作ることもしばしば。 基的にはキャプチャを撮ったり、画像を作ったりしていますが、それ以外にアクセントというかイメージとして画像を使いたい時には画像サービスから探すといいかもしれません。 以下に紹介するサービスの利用に関しては各サイトをご確認ください。 フリー写真素材::Free.Stocker国内外の建物や風景写真が多くある画像サービスです。

    Web製作者やブロガーならブックマーク必須な個人商用フリーな5つの画像サービス * 男子ハック