乃木坂46から神社まで…「めちゃくちゃ売れる専門誌」は作れるか？攻めのデザイン誌の挑戦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.
よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？（深津貴之） - 個人 - Yahoo!ニュース
大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後
佐野氏トートバッグに作品使われた米デザイナー、対抗してオリジナル“東京五輪ロゴ”発表
東京五輪・パラリンピックのエンブレムを制作した佐野研二郎氏デザインによるトートバッグに他人の作品が無断で使用されていた問題で、作品を使われた米国在住のデザイナーが対抗としてオリジナルの“東京五輪のロゴマーク”を制作してみせた。 I now post my design and would like to explain the meaning of the different aspects of the logo.The red sun slightly to... Posted by Zaricor Originals on 2015年8月16日 制作したのはベン・ザリコー氏。問題になったトートバッグのデザインのうち、ビーチ（BEACH）を示す赤い矢印がザリコー氏のものではないかと指摘され、佐野氏側が取り下げた。ザリコー氏はテレビ局の取材に対し「全てが一致する。文字の間隔も、あえて変え
ウェブサイトのデザイン変更が腹立つ理由
あんなに簡単だった事がなんでこんなに面倒に?! ってなりますよね。 ウェブサイトのデザインが変わると、戸惑う事が多いと思います。簡単な見た目だけの変更ならともかく、メニューやボタンの配置は少し変わるだけでもユーザー体験に大きく影響します。 米GizmodoのMario Aquilar記者はSeamlessというオンライン出前サービスを利用しているのですが、そのサイトのデザインが大きく変更して、かなりご立腹な様子。と同時に、我々がどうしてこんなにリデザインに抵抗があるのかを調査したようです。 ああSeamlessよ、私に餓死しろというのか？ 大手オンライン出前サービスが数週間前に劇的なリデザインを行って以来、多くの人がそう思っています。何一つとして以前と同じ場所にないのです。新しいインターフェイスの巨大なエレメントは、旧デザインに比べるととっちらかった独房のようです。 まだ技術的に未発達だっ
「源ノ角ゴシック」を実現させたアドビ西塚氏の勘と感覚 (1/5)
アドビ Japan R&D 日本語タイポグラフィ シニア デザイナーの西塚涼子氏。「かづらき」「りょうゴシック」のデザインを担当したことでもしられる人物だ 開発に3年をかけたアドビのPan-CJK（汎 中日韓）フォント「Source Han Sans（和名：源ノ角ゴシック）」が7月16日にリリースとなった。 「日本語、中国語の繁体字・簡体字、韓国語いずれも1つのフォントファミリーでカバー」と聞くと、「ああそうなんだ。カバーできるんだ」とすんなり飲み込んでしまうが、Source Han Sansは、日中韓国語をカバーし、かつ「どの国にとっても自然」という点で画期的なフォントだ。 同じ起源を持ち、近い意味を表す漢字でも、日本と中国、韓国とでは書体が異なる。繁体字と簡体字でも全く異なるし、各国に固有の漢字もあるから、話はさらに複雑だ。「どんな書体なら自然なのか」は国によって全く違うのだ。 国ごと
WebエンジニアのためのWebサービスデザイン実践講座
DeNA 社内勉強会に呼んでいただいて、お話させていただきました。 Reviewに登場していただいてるサービスはこちらです。 動く小説投稿サイト Denkinovel by @katryo さん http://denkinovel.com/ ご協力ありがとうございました( ˘ω˘)
Material Designから学ぶデザインと技術の共通項
Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater
入力フォームのプレースホルダーを使ってはいけない
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
SMACSS 読んだ - CHROMA
Scalable and Modular Architecture for CSS (日本語) を読んだのでそのメモです。 CSSルールのカテゴライズ カテゴライズを行い、それに準じた命名をセレクタに付ける。 ベース レイアウト モジュール 状態（ステート） テーマ レイアウトには1つ以上のモジュールを保持する必要がある。 モジュールは最利用可能なパーツとする。 命名規則 レイアウト、状態（ステート）、モジュールにはプリフィックスを使用する。 レイアウトのスタイルにはlayout-を付ける。または、ドキュメントなどでコーディング規約をまとめてあるなら省略してl-と付けても良い。 状態（ステート）にはis-を付ける。 モジュールは作成される数が多いので、モジュールごとにプリフィックスを付ける。 /* Example */ .comment { } .comment-user { } ベースル
なぜ私はワイヤフレームをOmniGraffleで書くのか - id:anatooのブログ
仕事上、チームを組んでアプリやウェブアプリケーションを作る際には、ワイヤフレームというものを作成します。 ワイヤフレームは、これから具体的にどういった画面構成のものを作るのかということを関係者(ディレクター、開発者、デザイナー、プロマネ、クライアントなどなど)にきちんと共有するために作る非常に重要な成果物です。 ワイヤフレームには、全ての画面のおおまかなレイアウト、画面に表示する内容や文言、その後には画面間の遷移、アプリやウェブサイトが必要となるインタラクションなどを全て書き込みます。ワイヤフレームを書くと、これから作るものの画面構成・遷移・内容文言・レイアウト・インタラクションを関係者にレビューしてもらうことができます。フィードバックを経てワイヤフレームが承認されれば、この資料はそのままビジュアルデザイン時や実装時の仕様書の一つにもなります。 ワイヤフレームが具体的にどのようなフォーマッ
Signals: Fine-grained Reactivity for JavaScript Frameworks — SitePoint
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. In this article, we’ll dive into how to use signals in Solid, a modern, reactive JavaScript library for building user interfaces that primarily rely on components. Contents: An Introduction to Signals Where sig
iOS Design Guidelines
September 28, 2015 in design iOS Design Guidelines About these guidelines These guidelines describe how to design apps that follow the official HIG for iOS by Apple, not what you can do with custom controls. Sometimes it makes sense to break the rules. The purpose of this document is to guide you, not to provide solutions for complex and unique design problems. Resolutions and Display Specificatio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドコモの絵文字、MoMAに収蔵 「すごいことすぎて現実感が…」生みの親の思い
Material Palette - Material Design Color Palette Generator
GitHub - google/material-design-icons: Material Design icons by Google (Material Symbols)
Material Designが解決するAndroidのデザイン的課題 (1/2)
【ソニー デザインの舞台裏】トレンドではなく、本質の追求から生まれた 4K対応ブラビアの「究極的幾何学形」
Android Pattern Cookbook で見るトレンドの変遷
UI Design Dos and Don’ts - Apple Developer
