今回はフラットデザインの基礎知識と作成する際に知っておきたい考え方をまとめていきます。 1. フラットデザインとは？ ものすごくざっくりというと「立体感のないシンプルで平面的なデザイン」のことです。その名の通りflat（平ら）なデザインというわけですね。 1-1. いつから流行りだした？ 2012年頃〜フラットデザインが世界的にトレンドとなってきました。iOS7〜iPhoneにもフラットデザインを採用されたことで、一気にメジャーになったというイメージですね。というわけで今回の解説はやや今更感があることは否めません。 1-2. 対義語はリッチデザイン フラットデザインの対義語は「リッチデザイン」と呼ばれます。色々な装飾やエフェクトがついていてリッチな（≒充実している）感じというわけです。 1-3. 実例 いくつか例を見てみましょう。 iPhoneの例

毎度あり！くしいです！ コミュニケーションアプリ LINE などを手がけるLINE株式会社が、この４月に渋谷ヒカリエから新宿ミライナタワーに引っ越しをしたらしいというか、最近はもう毎日通っております。引っ越しが終わったばかりのLINE社、ババンと紹介しちゃいます！（執筆者はLINEの社員です） ミライナタワーの9フロアには約1600名が働いており、今回で146記事目となる行ってきたシリーズでも大規模と言ってよいんじゃないでしょうか。新オフィスのテーマは「リビングファクトリー」で、リビングはリラックス、ファクトリーは生産性を高めるって意味だそうでどんなかんじか気になりますね。んじゃ早速行ってみちゃお！ ビル入口の専用機で入館証を発行後、直通エレベーターで受付にドン こ、これが新オフィス！かっこE！！ ロゴ ※公開から3ヶ月以上経過した特定の記事は有料となっている場合があります この続きはco

この増田はラーメン屋、いや正確に言うと元祖ニュータンタンで書いている。 僕の目の前にはティッシューーーいや、やはりこれも正確に言うならばティッシュの代わりに使われた紙ナプキンーーーがいくつか丸められた状態で置かれている。 言うまでもなく、鼻水をかんだものである。鼻をかむってなんでかむっていうのだろうな、噛むと同じなのだろうか、どちらかというと出すって感じだけれど、いや今はそんなことはどうでもいい。 鼻をかんだティッシュ的な紙ナプキンを店員に片付けさせるというのは、どうなのだろうか。 自分の出したものということもあるが、飲食店で働く人に汚物を触らせるということ自体にも抵抗感がある。 しかし、見渡したところ客席にはゴミ箱はない。なんということだろう。 持ち帰るという選択肢にも抵抗感がある。 丼に入れろという意見もあるだろうが、スープの残った丼に鼻をかんだティッシュ的な紙ナプキンを入れるなどとい

ディレクターやトコトコやってきて「あの案件どう？デザインカンプいま見れる？」この言葉でデータをスッと開ける人ですか？「えっと、あと30分待ってもらっていいですか・・・？」と絞り出す人ですか？今回はそんな人のための記事です。 わたしの思う理由 わたしはディレクターに指示をもらってデザインカンプ作成することが多いですが、最近では制作過程を見せることに抵抗を感じることなく、逆にメリットがあると感じています。むかし苦手だった頃を思い出して、原因を考えたことをTwitterにアップしました。 RTや♡の数を見ると、同じように「デザインの制作途中を見せるのが苦手」という方は、一定数いるようです。わたしの考えた苦手の原因は次の3つです。 「何を共有すべきか」が共有されていない 「ダサい、イケてない」デザイン批判への恐れ スケジュールに組み込まれていない しかし、早い段階でデザインを共有していくのは様々な

CSS .ripple { position: relative; overflow: hidden; } .ripple .rp-effect {/*エフェクト*/ position: absolute; border-radius: 50%; opacity: 0.35;/*波紋の濃さ*/ transform: scale(0); background: #FFF;/*波紋色*/ animation: ripple 700ms; pointer-events: none; } @-webkit-keyframes ripple { to { opacity: 0; transform: scale(2.0); } } @keyframes ripple { to { opacity: 0; transform: scale(2.0); } } Javascript (function(

近年アニメ作品のエンドロールで女性スタッフの名を目にする機会が増えてきました。女性アニメーターの視点でみたアニメ業界とは――。「総作画監督制」「アニメの放送落ち」「今と昔の新人アニメーターの仕事量の違い」など、アニメ業界が抱える問題について現役女性アニメーターを取材しました。 取材に応じてくれたアニメーターの小谷杏子さん なぜ制作スケジュールがギリギリになるのか 取材に応じてくれたのは「機動戦士ガンダム 鉄血のオルフェンズ」2期や「黒子のバスケ」3rd seasonで作画監督、「Dance with Devils」で総作画監督など人気タイトルで活躍する小谷杏子さん。ゴールデンタイムのアニメから深夜アニメまで数々の作品に携わっている女性アニメーターです。 ――2016年からアニメ作品数本で制作が放送に間に合わないという問題がクローズアップされるようになりました 小谷：そうですね。アニメーター

大型の撮像素子や明るいレンズを搭載し、デジタル一眼に迫る高画質での撮影が楽しめることで人気なのが、レンズ一体型の高級コンパクトデジカメだ。高級感のあるデザインを採用する機種が多く、“大人の道具”としての所有欲もくすぐってくれる。 ここ数年、高級コンパクトで定番といえる地位を獲得しているのが、ソニーの「Cyber-shot DSC-RX100」シリーズだ。2012年6月に登場した初代モデルから数えて5世代目となる最新モデル「RX100 V」が2016年10月末に登場して話題を呼んでいるが、実はRX100シリーズにはほかにはない特徴がある。過去に登場したシリーズの5機種すべてを現行モデルと位置づけており、現在でも5機種を併売しているのだ。しかも驚かされるのが、装備の乏しい初代モデルがダントツの一番人気であること。新しい製品ほど好まれるデジカメ業界において異例の状況となっている。 RX100シリ

壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186

――――――――――――――――――――――――――――――――――――――――――――― 【４月２日（日）追記　これが勝利の鍵だ！】 皆様、日本アニメーション様・サンライズ様・バンダイキャンディ事業部の共同エイプリルフール企画『洗濯王ガオアライガー』は楽しんでいただけましたでしょうか。 このエイプリルフール企画は日本アニメーション様からサンライズ様への熱いラブコールで発進した企画だそうです。 最初は洗濯王ガオアライガーという偽企画だったという事でしたが、日本アニメーション様の熱意に負けずとサンライズ様も『洗濯王ガオアライガーFINAL』の企画を立ち上げたとの事です。 私もそんな話が持ち上がっているということは伺っていたのですが、「へぇ～」という感じでまさか自分が参加することになるとは思っていませんでした。 3月上旬のある日突然、サンライズ様から「スーパーミニプラでガオアライガーの試作を作

初心者・素人でも簡単にホームページを作る方法を解説する。 レストラン・カフェなどの飲食店、個人経営のショップや美容院など小規模ビジネスを運営している人などが対象である。 これまでにもホームページの作り方について何度か書いているが、今回はホームページ作成サービス『グーペ』を使ってビジネスサイトを自作する方法を紹介する。 月に1,000円程度で、個人ビジネスでは十分な品質のホームページを持てるので、あまりコストをかけられない人におすすめできる。 ホームページは完全無料でも作れるが、ビジネス用途なら少し投資したほうがいいので、ここでは有料のサービスを使った方法を紹介する（15日間は無料）。 今回のサンプルホームページ まず今回作成したサンプルのホームページを掲載しておく（下図：スマホ表示だけ）。テンプレートが用意されているので、これくらいなら専門知識なしで1時間もあれば作成できる。 実物を見たい

長時間労働や働き方改革が 世間を賑わす一方で、 労働時間を管理する 労務担当者の負担も急激に増加している。 そんな社会問題にメスを入れるべく 一人の天才棋士が立ち上がった。 その男の名は加藤一二三。 引退が騒がれてから早2ヶ月。 彼は人事労務ソフト開発の最前線に 身を投じたのだ。 加藤一二三は人事労務ソフト界に 新しい一手を生み出すことができるのか。 その挑戦に迫る。

今まで様々なブログを見てきて、はてなブログはWordPressのブログに比べてアニメーションを使っているものが少ないなと感じる場面が何度かありました。おそらく、「必要性を感じてないから使ってない」わけではなく、「やり方がわからないから使ってない」ひとがほとんどだと思います。場面によってアニメーションはものすごく重宝されるものであるのに、「知らないから」で済ませてしまうのはすごく勿体なく感じます。 そこで今回は、誰でも簡単に文字や画像にアニメーションをつける方法とアニメーションを使ったはてなブログの応用カスタマイズ例を紹介しようと思います。後者については、実践しているひとを滅多にみないので自分のブログにオリジナル性を出したいという方は是非参考にしてみてください。 スポンサードリンク そもそもアニメーションとは はてなブログで誰でも簡単にアニメーションをつける方法 導入方法 その１ その２ ア

2017年度になった。ここ最近再確認したことがあるので、自分を省みる機会として書いておきたいと思う。 僕は、この春でデザイナーとして満10年やってきた。就職前にも誰かのためにモノを作ったり企てたり、組織になってみたり、それで対価をいただいたりもしてきたので、自称デザイナーとしては15年になる。Adobe歴も15年だ。意識していることや教訓は山のようにあるけれど、その中のひとつをまとめてみたくなった。 個でいられるかどうか 人間、ひとりでは生きていけない。あたりまえすぎる事実だけれど、僕たちは社会の歯車（これは肯定的な意味）であるし、誰かにとっての何かの役割や立場を持っている。そして、それは多面的で流動的なもの。僕の最近気に入っている言葉に、「流されるな、流れろ」というのがある。これもそんな、関係性の海の中の自分、というものを考えさせてくれるので好きだ。 そんな中で、「個でいられるかどうか」

Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents

２着のお出かけワンピース。結婚式や、入学式に。 こんにちは。「心を楽に、シンプルライフ」です。 ワンピースオンリーの暮らしが６年目になりました。 お出かけワンピースと言っても、こちらの2着は「ふだんのお出かけ」ではなく、 卒園式、入学式、七五三などの「特別なお出かけ」に着るワンピースです。 子どもがいても、やっぱり特別なワンピースはあると楽しいし、必要だなあと実感しております。 今日は、そんな特別なお出かけワンピース２着とコーデのお話です。 入学式に。ジャケットと。 目立ちすぎず、シックに。 くすんだピンクが入っているので着やすいです。 ぱっきりモノクロだけのアイテムはあまり選びませんが、こうゆうブラック使いは好きです！ 来年５歳くんがいよいよ小学生に。入学式には、コレを着ていこう〜と早くも決めております。 まだ1年前ですが、着るワンピースは決まっているという安心感。ですが、肝心の主役の服

この7年の間にTwitterのアカウントを作られた皆さんは、始めのプロフィールアイコンが卵だったのを覚えていらっしゃいますか？これは「卵からスタートし、そこからかえった鳥がタイムラインにツイート（さえずり）をお届けする」という思いを込めてデザインされました。でもそろそろ、皆さんが、ご自分ならではの画像や写真をアップロードしてもっと自己表現したくなってくださるものに変更したいと考えました。そこで、デフォルトのプロフィールアイコンの新しいバージョンのご紹介です。 なぜこのデザインに変更したかを順を追ってご説明しましょう。 これまでブルーやグレー、ホワイトを主な色として使っていたTwitterが、最近、他のカラフルな色も使っていることにお気づきでしょうか？昨年、世界各地からいろいろな情報や考え方が集まるTwitterらしさをより表現できるよう、ブランドをリフレッシュしました。この考え方をプロダク

Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

今更だけど「マテリアルデザイン」がスゴイ。デザイナーだけでなくノンデザイナーもその考え方を知っておく価値があると思う。 マテリアルデザインは2014年〜Googleが提唱している考え方だ。主にアプリやWebサイトに採用される。Googleのサービスにはだいたいマテリアルデザインが採用されている。はじめの一步としては「マテリアルデザイン＝Googleっぽいデザイン」と考えるとイメージが湧きやすいのではないかと思う。 Google+、Google Map、Gmailなんかは典型的なマテリアルデザインと言える。 マテリアルデザインの何がスゴイのか 「マテリアルデザインとは何か」と合わせてそのスゴさについて解説していく。 1. 厳密なガイドライン よく比較される「フラットデザイン」とはここが決定的に異なる。フラットデザインは誰かが「こうやって作るもんだぞ」と提唱したわけではない。明確なガイドライン

超高級・ハイパフォーマンスカー専業ブランドである「ブガッティ」が価格なんと400万ユーロ(約4億8000万円)という超ド級の高級クルーザー「Niniette 66」を発表しました。 Bugatti Niniette 66 | Palmer Johnson for Bugatti | Super Sport Yacht https://www.bugattininiette.com/ Bugatti’s $4 million yacht has a Jacuzzi and fire pit, because being rich means having no shame - The Verge http://www.theverge.com/2017/3/12/14881858/bugatti-yacht-jacuzzi-fire-pit-palmer-johnson-chiron ブガッ

長らくWebサービスの受託開発を行ってきてたびたび思わされる「UIを考慮しないで思いつきで付け足されるデザイン」について。 開発当初は、UIを考慮してしっかりと作りこまれたデザインを頂くことが多い。 出来る限りしっかりとそのデザインを実現し、非常にいいサービスが出来たなんて思って保守を行うと、大体がシステム追加が起こる。 まあ、システム追加がサービスを運用していく中で行われるのは、当たり前なのでそれについては何も問題がない。 問題が起こるのはこのシステム追加でデザイナーが不在の場合が多いということ。 費用の面なのか、追加だから適当でよいと思っているのか、大抵のクライアントはシステム追加を行う際にUIの考慮やデザインの再検討せず、いきなり画面仕様をおくってきてこのとおりに実装して欲しいという。 こちらは「デザインはどうしますか？」と質問すると、適当に今のデザインにあわせてくれといわれる。 長