タグ

Webデザインとフラットデザインに関するtangkai-hatiのブックマーク (5)

  • 新着記事

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

    新着記事
  • 時代は廻る。1930年代のインテリアデザインが、現代のブログデザインそのものだった。

    こちらがMorgan Fisherさんのファブリックアート。 淡いカラーと優しい色の組み合わせに安定感がありみていて心が落ち着きます。 このアート、実はMorgan Fisherさんの祖父が1930年に書いたインテイリアの小冊子から着想を得て製作したそうです。 の内容はこのようになっています。インテリアのことについてびっしりと書かれている、のだと思います。たぶん。 デザインも”廻る” 今回紹介したこのデザイン、よーく見てみてください。 僕のブログを読んでくれている人たちならきっと”あれ”に見えてくるはずです。 そう。これまんまブログの構造なんですよね。 上の長方形がヘッダー。その下にメインカラムとサイドバー。 そして彩度を抑えた色味は今流行のフラットデザインを想起させます。 こちらはシングルカラムのブログデザインですね。 最近良く見る色合いです。 この色を見て僕は真っ先にprasmさんを

    時代は廻る。1930年代のインテリアデザインが、現代のブログデザインそのものだった。
  • 無料で商用利用も可能なフラットデザインUIキット「Flat Rounded Square UI Kit」

    iOS 7へのアップグレードに合わせてさまざまなアプリがインターフェースや機能の変更を行っていますが、これからウェブサイトやアプリをフラットデザインにしよう、という時に便利なUIキットが「Flat Rounded Square UI Kit」です。ブログのデザインや各種ボタン・アイコン・グラフ・テキストボックスなどが統一感のある落ち着いたデザインで作られており、ファイルはPSD形式、JPG形式、ACO形式の3種類、ライセンス・フリーなので商用・非商用を問わず自由に使用することができます。 Flat Rounded Square UI Kit http://www.webappers.com/flat-ui-kit/ まずはウェブサイトやソフトウェアなどで使用するナビゲーション・ボタンいろいろ。紺色を基調としており、効果的に赤や水色が使用されています。 ノーマルのボタンはバリエーションのある

    無料で商用利用も可能なフラットデザインUIキット「Flat Rounded Square UI Kit」
  • フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。

    P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く

    フラットデザインのコツ的なアレ - 納豆には卵を入れる派です。
  • だいたい40秒くらいでわかる「フラットデザイン」について * prasm(プラズム)

    40秒に根拠はないけど。 まあ、そんくらいじゃね?ってことで、今何となく流行っている「フラットデザイン」についてさくっと思うたけを述べます。 個人的には何かが流行るとそれに乗っかるだけでトレンディー気分を味わえるので、賛成も否定もしたくありません。トレンディー最高です。そういうミーハーな男なんです、ぼかぁ。 つーわけで、トレンディーじゃない人に対してあれこれしたアレではないという感じで、始めます。はい。 フラットデザインってなんや?ってことを最初にいわなければいけない気がしてますが、フラットデザインに関しては、「フラットデザイン」の逆と僕が思っているモノを説明することで事足りる気がしてます。 簡単にいうと、リッチデザインだわね。安直な名前で申し訳ないけど。 iPhoneのカメラ部分をまるっきり完コピしたレンズのイラスト、写真の背景の白い部分には壁の質感。床面のガラスの質感そして映り込み。簡

    だいたい40秒くらいでわかる「フラットデザイン」について * prasm(プラズム)
  • 1