アプリのフラットデザインが凄く良く分かる入門と注意点の記事8選 - showrtpath - iPhone,iPadウェブブラウザ開発日記
2013-12-28 アプリのフラットデザインが凄く良く分かる入門と注意点の記事8選 iOS開発 こんにちはnasustです。iOS7がリリースされてからUIのデザインはフラットデザイン一色ですね。 今回はアプリにおけるフラットデザインの考え方やデザインする注意点をまとめました。 フラットデザインはたんじゅんにフラットにしただけではクールな感じにはなりません。どうしら素晴らしいデザインになるか、野暮ったくならないようになるか、そのヒントとなる記事を集めました。 フラットデザイン入門: その利点と注意点と主なテクニック | freshtrax | btrax スタッフブログ フラットデザイン入門① 『フラットデザインは混合している』 | ajike switch フラットデザイン入門② 『フラットデザインの流行性と必然性』 | ajike switch フラットデザイン入門③ 『日本語でフラ
未来を感じるアプリのUIデザイン - showrtpath - iPhone,iPadウェブブラウザアプリ開発ブログ
2014-01-01 未来を感じるアプリのUIデザイン iOS開発 明けましておめでとう御座います。nasustです。 今年初めての記事になります。 去年の記事を振り返ってみると、UIデザイン系の記事が多かったですね。 自分は昔からUIのデザインが好きです。アプリが世の中に出る前はWEBデザインを勉強してウェブサイトを沢山作ってました。作りっぱなしで放置でしたが。 今回は未来を感じるアプリのUIデザイン紹介します。 Spotify Login Dribbble - Spotify Login by Nacho Ortega GIF Aimation Dribbble - Gif Animation by Sergey Valiukh UI Weather Dribbble - UI Weather by Sunbzy Dribbble Dribbble - Dribbble by Sylv
「iOS フラットデザインの作法」メモ - Qiita
フラットデザインを読み解く スキュアモーフィズム 定義 機能的に必要であるないに関わらず、似たような人工物・工芸品・芸術品からコピーされたデザイン。 革の重厚感、ガラスの透明感、金属の光沢感 紙を千切ったあとのようなデザイン カメラのレンズの光沢 メリット&デメリット メリット メタファとなる現実世界のインターフェイスを知っていれば迷うことなくアプリを操作できる。 デメリット ユーザーと世代に左右されやすく、陳腐化する可能性がある。 由来 スイスデザイン スイスデザインの特徴 配置 (安定感をもたらす) 黄金比、幾何学などの数式基準に基づいたレイアウト。 あるルールに基づいて格子状にキャンパスを分割 グリッドシステム タイポグラフィ 活字を適切に配置し、その媒体で美しく見えるように整える技法 スイスデザインでは"Helvatica"が採用されている で、フラットデザインって？ スイスデザイ
少ない装飾で素材の魅力を生かす、ズルいWebサービスデザイン実践編 // Speaker Deck
WCAF Vol.11 「Design」 in 福井 で発表させていただきました。 http://wcaf.doorkeeper.jp/events/7028 協力： we love heroku by @ppworks http://welove.herokuapp.com/ （参考）ppworks 氏によるエントリー http://www.genuineblue.jp/posts/weloveheroku-design-renewal/ ズルいデザインテクニック2013 + セミフラット version - in 福井 https://speakerdeck.com/ken_c_lo/zuruidezaintekunituku2013-plus-semihuratuto-version-in-fu-jing
フェンリル社員が執筆した iOS 7 デザイン本が出ました！
こんにちは！UI デザイナーの吉竹です。 Sleipnir 5、ついにリリースされましたね。皆様はもうインストールされましたか？ 今日は、ソフトウェア以外のリリース報告をさせて頂きます。 フェンリル社員が執筆した iOS 7 のデザイン本が発売されました！！！ 発売されたのはこちら。  iOS 7 デザインスタンダード 最新のフラットデザインに対応 – iPhone に最適な UI・UX を徹底的に解説! 荻野 博章 (著), 丸山 弘詩 (編集) / 価格：￥2,940 Amazon で購入 | 楽天 BOOKS で購入 フェンリルでは Sleipnir などの自社プロダクト以外にも、多くの企業様との共同開発事業をおこなっております。 もちろん、iOS 7 のデザインに関しても、いち早くお手伝いをさせて頂いております。 『iOS 7 デザインスタンダード』はタイトル通り、iOS 7 の
20 Flat Mobile UI Designs For Your Inspiration
Propelled by Windows 8 and iOS 7, flat design has been one of the most popular design trends. Emphasizing functionality over style, flat design focuses on typography and colors instead of visual effects like 3D elements and drop shadows. It is also one of the most polarizing of styles to bombard iOS users, particularly those who were used to (and still love) the skeumorphism of earlier iOS version
日本のウェブデザインはなぜこんなにも世界と違うのか？ - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
本記事は、ブログ『RANDOMWIRE』の運営者の許可を得て、翻訳しています（元記事）。 静寂が満ちる禅庭園、美しい神社、静穏な寺、洗練された茶道。日本の伝統建築、現代建築、書籍、雑誌は世界中のデザイナーの羨望の的だ。 だが、どうしてか、こうした巧みな技術はデジタルプロダクトには生かされていないようだ。特にそれが顕著なのは、ウェブサイトだ。その多くが、1998年のスタイルから変化していないように見える。 例１：楽天市場 有名な日本のサイトの多くを見てみると、次のような傾向が見られる。（例えば、 Yahoo Japan、楽天、ニコニコ、JR東日本、読売新聞…） 隙間なく敷き詰められている文字 小さく、画質の悪い画像 数えきれないほどのカラム 色同士の調和に欠ける派手な色使い、きらきら光るバナー Flashのような、過剰に使用される時代遅れのテクノロジー 美しい俳句、質素なわび・さびとはかけ離
開発者必見！ 5秒でわかるフラットデザインまとめ | fladdict
・どこ押せばいいか謎 ・言われてるほど新しくない（スイス系のリバイバル） ・立体より工数低いが、誤摩化しがきかず難易度高い ・でもデザイン料を安くされそう ・日本語だと高確率でダサくなる
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/kssdezuo-rupatanraiburari 【アイコンを200こ描いた振り返り！】アイコンから知るデザインのヒントby @awayuki http://www.slideshare.net/awayukin/awayuki-pmd01-share ビジュアルデザインまでのデザインワーク by @yokotak0527 http://www.slideshare.net/YokotaKenji/ss-26460108
ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン
さて今回は、ズルいデザインテクニックの集大成ともいえる「ズルいボタン」です。これまでの連載で取り上げた数々のズルいデザインテクニック、「ズルいテキストシャドウ」「ズルいグラデーション」「ズルい角丸」、そして前回解説した「ズルいボックスシャドウ」を用いたズルいボタンの作り方を解説します。 今回のズルいボタンに関しては、以前にズルいデザインテクニックのスライドで紹介したものから大幅に改定を加えて、より汎用性があり、さまざまな場面で使い勝手の良いものに刷新しました。 改良のポイントは次の通りです。 文字サイズの変更、またそれに併せてボタンサイズの変更に対応しています iタグを使ったアイコン用のWebフォントに対応しました。今回はfont-awesomeを使って解説しています フラットデザインの流行に伴うデザイン傾向に合わせ、立体感やグラデーションをより控えめに、かつpaddingを大きめに取った
iPhoneアプリのデザイン指示書について | keisuke tsukayoshi
最近になってようやく、その他の開発のために止まっていたlogのアプリ開発が少しずつ動き始めました。デザインはほぼFIXしていたので早速実装に取り掛かっています。やはり自分が作ったデザインがアプリケーションという形に落とし込まれていくのは、デザインに命が吹き込まれているようで毎度感動させられますね…。 さて今回の記事の内容は、そんなデザインに命を吹き込む過程でスマホアプリ開発に必要な、デザイナーからエンジニアへ受け渡されるデザイン指示書についてまとめてみたいと思います。 デザイン指示書とは マークアップの世界ではわりとPSDファイルを渡せば自前のPhotoshopなりで素材を切り出したり、大きさを測ったりすることはわりと一般的ですが、スマホアプリ開発ではマークアップ的な見た目実装に加えて機能も同時に実装する必要があるので、全体の作業量なども考慮して素材の切り出しや余白・文字の大きさの指定など
box-shadowで表現する、「セミフラット」なズルいデザインテクニック
box-shadowで表現する、「セミフラット」なズルいデザインテクニック：ズルいデザイン（3）（1/2 ページ） 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、また適切な利用方法を喚起させるようなUIも表現がなかなか難しいものです。 例えば、「ボタンは押せるもの」であると表現するための「押したくなる感じ」を喚起させる立体感は、ユーザビリティ面でもまだまだ有効です。今回は、流行のフラットデザインの中でも違和感なく使えて、また適切なアフォーダンスの表現が可能になる、「やりすぎていない立体感」を目指した、box-shadowを活用した各種ボックス表現の作り方を紹介します。 NGな
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
fladdictさんが考える「手触りのあるアプリ」（後編） ビジネスと手触り、デザイナーがコーディングを学ぶための方法
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ウェブデザインのセンスを磨こう！ 2013年洗練されたディテールのUIデザインのまとめ
Pull Request 4 Designers - GitHubを使ったプログラマとデザイナーのイテレーティブな開発フロー // Speaker Deck
GunosyのUIを徹底的に分析してリデザインしてみた
