新卒の君へ♡あっという間に”すてき資料”になる資料変身デザインポイント｜dwango creators' blog（ドワンゴクリエイターズブログ）
こんにちは！デザイナーのmaaamiと申します٩( ‘ω’ )و ドワンゴでは企画職を経験後、現在はリアルイベント周りとスマートフォンのWeb/アプリ周りのデザインを担当しています。 プロローグ どんなにロジックが最適でも、文章だけでは伝わらないこともありますよね。 私自身、クライアント先への提案やコンペ、プロデューサーや企画職を経験してきて、 資料上のデザインによる「見やすさ」と「話しながら見ても理解できるような資料作り」の大切さを身をもって体験してきました。 ということで、完全自己流ではありますが、デザイナー視点から見る「すてき資料の作り方ポイント」を紹介させていただきます。 「資料の見た目なんか気にしたことないよ！」という方向けになっていますが、もしよろしければご一読ください。 すてき資料を作成するために初めに注意したいポイント 資料の流れを書き起こす際、どこを図にして、何を文章にす
ドワンゴ流！ネットサービスにおけるキャラクターの生み方｜dwango creators' blog（ドワンゴクリエイターズブログ）
みなさまはじめまして。ドワンゴデザイナーのすなぎもと申します。 普段は、niconicoの総合TOPやランディングページのデザインをしたり、ロゴやイラストを作成したり、いろいろなお仕事をしています。 さて今回は、「サービスのイラストが出来上がるまでの工程」を、2015年10月25日にリリースされた新サービス「ニコナレ」のイラスト作成を例として取り上げながら紹介させてもらいます。 イラストを描く仕事を目指している方の中には、実際にどのような工程で制作が進んでいるのか・制作中は何を意識しているのか、気になる人もいるのではないでしょうか。 この記事で、実際に仕事でイラストを作成する際の制作フローや意識すべき点をお伝えしますので、デザイナーを目指す方はフローや制作方向を学べると思いますし、現在デザイナーの方にも新しい気付きを与えられればと考えています。 そもそもなぜネットサービスにキャラクターをつ
ニコニコ超会議で振り返る大規模イベントサイトの作り方｜dwango creators' blog（ドワンゴクリエイターズブログ）
はじめまして、ドワンゴデザイナーのFJNです。簡単に自己紹介します。 FJNは旧姓から母音を抜いたものですが、よく考えると「F」は「ふ」Jは「じ」しかないじゃん。ということで、お察しの通りフジノです。 ちなみに藤じゃなく富士山の富士、で富士野です。日本に400人ほどしかいないそうです。 趣味は旅行と美味しいものを食べることで、最近はクルーズ旅行にハマっています。 またの機会にご紹介しますね。 ドワンゴでは、niconicoトップページやリアルイベント系のサイトを担当するチームに所属しています。 ニコニコ超会議について ドワンゴが開催するリアルイベントは、超会議の前身となる大会議にはじまり、いまや超会議を筆頭に、町会議、超パーティー、闘会議など、一年を通してたくさんあります。 昨年には、某新聞で「IT企業」ではなく「イベント企業」のドワンゴと紹介されるほどまでに立派なイベント企業になりました
グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして？
グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして？2015.09.07 17:3021,429 SHIORI そんなに違うの？ グーグルの新ロゴが発表され、旧ロゴのファイルの大きさは14,000バイトだったのに対し、新ロゴはたった305バイトになったそうです。どうしてそこまで変わるのか？ UIデザイナーのIlya YakubovichさんがQ&AサイトQuoraでわかりやすく解説してくれています。 グーグルの古いロゴにはローマン体のフォントが採用されていて、セリフと呼ばれる飾り（線の端にちょこんと付いてるやつ）あるため、ベジエ曲線を使わないと作れないデザインでした。その結果、ロゴ全体でのアンカーポイントは100箇所。ファイルの大きさは6KB（6,380バイト）になり、圧縮しても2KB（2,145バイト）といったところです。 一方シンプルになった新し
よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？（深津貴之） - 個人 - Yahoo!ニュース
大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後
オリジナルフォントを使ったデザイン - クックパッド開発者ブログ
こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。 今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。 クックパッドでの事例 印象と機能を向上させるデザインのためのフォント ブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。 クックパッドでは特
スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
デザインの裏側を理解できるエンジニアになろう - Qiita
「画面」のデザインは、エンドユーザーから見た「プロダクト」との唯一の接点。超大事。 そんな画面のデザインにまつわる、エンジニアが「いじる」ときに気をつけると、もしかしたら面倒が減って争いが減ってみんなが幸せになれるんじゃないかなあ、とか、そもそもの設計上で考慮できると、もしかしたら使う人たちが幸せになれるんじゃないかなあ、というポイントを、思い付きで書いていくので、あとは誰か整理してほしい的な投げやり感あふれるアレコレ。デザインとコーディングの話を混ぜて書いてます。 空白の理由を考える編 その1. 空白にまつわる認識の相違 例えば、Tumblrのダッシュボード。右肩のメニューの隅までちゃんとレイアウトされてるなーって感じがします。 でも、もしあなたが「空白を理解しないエンジニア」だった場合、こんな感じにコーディングしてしまうかもしれません。 （※画像はイメージです） 「なーんか、素人感があ
iOS 7 colors
包茎手術を受ける際には、どこのクリニックで手術をするかということも大事ですが、まず受けるか受けないかということも考える事から始める事になるでしょう。 最終的には包茎手術をしてよかったという口コミが多数ですし、そういった結論になる方が多い傾向がありますが、ネットの口コミは非常に参考になります。 腕の悪いクリニックや保険適用で泌尿器科で包茎手術をした方の満足度は、低い傾向がありますので要注意です。 まずは料金の事だけではなく、幅広いポイントをチェックするべくネットの口コミを見てみると良いでしょう。 色々と見えてきます。 包茎手術は痛い？痛くない？口コミをチェック 包茎手術はペニスの手術になりますので、想像するだけでも悶えてしまうという男性は多いのではないでしょうか。 ちょっとぶつかったり打ったりしただけでも相当痛いのに、その部分に麻酔をして手術をするなんて考えられないと思っていてもコンプレック
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
GoogleのアイコンなどのデザインガイドラインをGoogleのデザイナーが公開中
ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel
makion!log - ユーレカの日々［19］「デザインはなぜ無報酬とされたのか」
先日、大阪の天王寺区が「天王寺区広報デザイナーを募集」したことが、Twitterなどでちょっとした騒ぎになった。 http://www.city.osaka.lg.jp/hodoshiryo/tennoji/0000204704.html ポスター、フライヤー、Webのデザイン、アドバイスをプロアマ問わずに募る、という物だが、これが「無報酬」ということで、あちこちから批判が相次いだのだ。 ぼくの仕事であるイラストの世界でも、なかなか対価を理解してもらえないことがある。 ちゃんとした出版社、代理店ならなんら問題もないが、たまにベンチャー系の企業などからケタ違いに低い条件でのオファーが来ることがある。そういう場合、相場とその理由を丁寧にご説明し、丁重にお断りするのだが、今度はそのケタ違いに低い条件で「学生を紹介してほしい」なんてことを言われ、これも丁寧にお断りする。 デザインの世界でも同様のよ
そのデザイン処理、こんな風に工夫すればもっと良い物になりますよ / Maka-Veli .com
お前偉そうだなシリーズ第一弾 まぁ全部、全体のデザイン次第ですし、流行りモノ感もありますが。 ちょっとだけ変えると、グッとクオリティ上がりますよー的な小ネタです。そしてかなり個人的趣味です。 シャドウ ドロップシャドウなんかは手軽にクオリティ上げられていいですよね。 ただシャドウはつけすぎる(濃すぎる)と主張が強くて重くなりがち。 シャドウ自体はただの効果・装飾ですから、本体を引き締める程度にかけておけば良いと思います。 また、単なる上下・左右のシャドウではなく、球体・曲線でシャドウを上手く入れていくと面白いですよ。柔らかみもありますし。 グラデーション 立体感を出してチープな印象を防げるグラデ。 ただ、最近はベタ塗りでビビットに見せる装飾が流行ってきましたね。 思い切ってベタに変えるのも手。 もしくは、かなり差を狭くして「これグラデ？」と思わせるくらいのモノが良いかも
色彩センスのいらない配色講座
3. 自己紹介 職業：デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
Material Design
Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
千メモUiの秘密
写真を絵のように見せる写真加工技術「PhotoDramatica」トップ - あやえも研究所
ノンデザイナーのための配色理論
