フラットデザインとは？UIの特長と注意点 デザイン会社 ビートラックス: ブログ
最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUI、Windows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
グラデーションの背景画像ジェネレーター「Gradcolor」
自分のサイトをちょちょっと作りたいとき、背景画像やヘッダー画像にグラデをかけたいけど、フォトショップを使いこなすのは面倒だ。そんな方も多いのでは？ そんな人に便利そうなのが今回ご紹介する、サイトの背景画像に最適なグラデーション画像ジェネレーターです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! グラデーションの背景画像を作成する「Gradcolor」 「GRADCOLOR」は、指定したサイズと色のグラデーション画像を作成してくれるサービス。最大3色までのグラデーションを作成することが可能です。 「Gradcolor」の特徴 背景画像に最適なグラデーション画像を作成 背景指定用のCSSも同時に作成 背景指定時のプレビューも可能 設定画面 ↑1画面で色合いや幅と高さ、グラデーションの向き、横リピー
YouTube人気急上昇
【ゆっくり解説】本番直前で体重8kgオーバー！？機体を修正するも翼が折れて後遺症が残る大怪我に…「第31回鳥人間コンテストの事故」
Android で画像なしの光沢グラデーション | アカベコマイリ
スマートフォンなどでよく見かける、光沢のあるグラデーションを持ったツールバーを画像なしで作成してみる。 Android ではコントロールの描画方法を drawable リソースから指定できる。これは画像と XML に大別できる。 画像はデザインの自由度が高く美しいのだが、解像度 ( ldpi、mdpi、hdpi、…etc ) と引き延ばし ( 詳しくは Draw 9-patch を参照のこと。有志による日本語訳はこちら ) を意識する必要がある。 一方、XML はデザイン指定の方法がかなり限定されるため、希望どおりの描画結果を得るのが難しい。 しかし dp ( または dip。密度非依存ピクセル。詳しくは Supporting Multiple Screens を参照のこと。有志による日本語訳はこちら ) によるサイズ指定と標準で用意されている形状・塗りは解像度に依存しないため、様々な端末
Android開発 Buttonにxmlでグラデーションを設定する
2011年04月26日01:23 カテゴリAndroid Android開発 Buttonにxmlでグラデーションを設定する ■作るもの アプリのボタンデザインがデフォルトと同じでは寂しいので少し手を加えます。ここでは画像を使わずに、xmlでデザインする方法を考えます。目標は「ボタンに"押された感じ"を出すこと」です。 ■完成イメージ ここで書いた方法でこのアプリのボタンを作りました。実際に触ってみると分かりやすいと思います。 PCからAndroid Marketに行く Android携帯からAndroid Marketに行く ○ボタンが押される前 ○ボタンが押された時 ■ボタンを「’押した」と感じるために Androidのデフォルトのボタンは次のような挙動です。 ・通常時、下が濃い色のグラデーション ・ボタンが押されると、グラデーションの濃淡が上下逆転する これを参考にします。今回はこれ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料で使えるPhotoshop グラデーションファイルいっぱい - DesignWalker
