タグ

webデザインとwebdesignに関するu4kのブックマーク (6)

  • 数字はデザインに重要な要素。数字の見せ方10個(サンプル有り〼) | ユーモアのある人生を。【Maka-Veli.com】

    どーも。最近SNSの使い方がわからなくなりつつある僕だよ。 久々にデザイン系のネタ。いや、ちょっと乗り遅れたタイポグラフィネタか・・・ 広告で数字が一番の訴求対象になる場合は多く、 数字だけで完結する物もあります。 そういった場合は、数字デザインをこだわりたいですね。 テレビ東京新卒採用サイト 7chと第7感って事でかけてますね。 モビット 数字を強調させる設計ですね。数字自体の効果が凄くキレイ。 No.DesignTech The 10 意味不明にカッコ付けてみました。以下が見せ方と自作サンプルです。 目次 数字以外を小さく 丸で囲ってみる 枠端で薄く背景に イタリックに 比較させる 数字だけを強調 弱い要素のアイキャッチに 数字だけでも シンプルな物は英字と組み合わせるのも 文中は太字、下線を取り入れてみる 数字以外を小さく 見たい、見せたいのは数字です。 広告の

    u4k
    u4k 2011/09/30
    提案書の数値をかっこ良く書いてみようか
  • Twitter、Facebook、Googleの初期デザインにびつくり。

    Twitter、Facebook、Googleの初期デザインにびつくり。2011.09.19 12:006,680 びつくりっ!ウェブサイトというものは機能が増えたり仕様が変更したりで、そのデザインがどんどん変わって行くものです。今や有名なあのサイトも初期はさっぱりとざっくりと作られていたのです。 そう、トップ画にあるTwitterだって。 TwitterじゃなくてTwttrだし。なんかtimelineとかwhat up? とかグラフィティぽい中二病風なフォントだしね。 そう、Facebookだって。 映画ソーシャルネットワークでもでてきましたけど。Theがはいってるし、顔があるし。 そう、Googleだって。 Yahoo! みたい! [Kottke] そうこ(Casey Chan 米版)

    u4k
    u4k 2011/09/20
    うわ!Googleの初代トップページ懐かし!当時便利だと聞いてたAltaVistaが全然使えなくてどっかいいとこないかなと思って知ったのがGoogleだった。日本語版なかったのに日本のサイトがいい感じでヒットして感心した思い出。
  • デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17

    よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の1つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見

    デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
    u4k
    u4k 2011/08/18
    こういうの説明してくれるサイトはありがたい。
  • プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(゚∀゚)ッ!!

    「かっこいいサイト作るぞ!」 と意気込んでみたももの、いざ作ってみると 「あれ・・・なんかダサい・・・」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか? WEB制作は、基的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが・・・ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト

    プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(゚∀゚)ッ!!
  • 素人っぽさを感じるWEBサイト5つの特徴 - おかねがない(゚∀゚)ッ!!

    インターネットをしていると、いろんなWEBサイトに出会います。 気になるアーティストのサイトだったり、趣味に関連したサイトだったり・・・ そんな中で 「なんかこのサイト素人っぽい」 って、感じたことありませんか? でも、「素人っぽい」と感じはしたものの、そのサイトのどこに素人っぽさを 感じたのか、じっくり考えてみることってあまりないのではないでしょうか。 そこで今回は、WEBサイトのどういう点に素人っぽさを感じるのか、 「脱素人っぽいサイト」を目指す私が感じた、「素人っぽいサイト」の特徴を、 まとめてみたいと思います。 (8/19追記) 以下の内容はあくまで素人muggles0812が感じた、個人的な意見であり、該当する項目が あったからといって、必ずしも他の皆さんが「素人っぽい」と感じるとは限りません。 画像処理が甘い せっかく時間をかけて作ったサイトでも、使われている画像の処理が甘いと

  • デザインが素敵な日本語Facebookページ 10選

    Facebookページは2012年3月30日にタイムラインを採用した新デザインに全面移行するのに伴ない、デザインが素敵な日語Facebookページ10選も新デザインに移行したページから再選出させていただきました。 2012年3月17日時点で、新デザインに移行している日語Facebookブランド・企業ページは上位200位のうち、33ページに過ぎません。後2週間を切ってますので、以下のガイドを参考にしていただき、新デザインへの準備を怠りなく。 新Facebookページ 使い方・移行方法 目次 1. 新Facebookページ 使い方・移行方法 まとめ 2. 新デザインをプレビューし、準備が出来れば切り替えましょう 3. カバー写真などイメージを変更しましょう 4. Facebookの自己紹介(基データ)を書きましょう 5. トップ掲載する写真、アプリを整理しましょう 6. 大事な出来事を設

    デザインが素敵な日本語Facebookページ 10選
  • 1