タグ

関連タグで絞り込む (113)

タグの絞り込みを解除

designに関するairj12のブックマーク (166)

  • 【翻訳】Googleのエンジニアがソフトウェア開発する時に必ず書くドキュメント「Design Docs at Google」 - BppLOG


    Googleでの﹁Design Docs﹂とは 2007年の Google Developer Day Tokyo での鵜飼氏のプレゼンによると﹁Google で必ず書くことになっているドキュメント﹂であり、﹁プロジェクト立ち上げ時の1～2週間をかけて書く﹂ものです。 今回は Google のソフトウェアエンジニアである @cramforce 氏が自身のブログで﹁Googleでの Design Docs﹂について解説している記事を公開されていたため、氏の許可を得て翻訳しています。 原文‥ www.industrialempathy.com 関連書籍‥ Googleのソフトウェアエンジニアリング ―持続可能なプログラミングを支える技術、文化、プロセス オライリージャパンAmazon 読了目安‥11分 (目次) デザインドキュメント の解剖学 文脈と範囲 目標と非目標 実際のデザイン システ
    【翻訳】Googleのエンジニアがソフトウェア開発する時に必ず書くドキュメント「Design Docs at Google」 - BppLOG

  • よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？（深津貴之） - 個人 - Yahoo!ニュース


    大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が﹁まったく違う﹂と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある﹁類似性のギャップ﹂に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後
    よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？（深津貴之） - 個人 - Yahoo!ニュース

  • 「Splatoon(スプラトゥーン)」のイカしたデザインのひみつ(前編)


    任天堂のWii Uソフト﹁Splatoon(スプラトゥーン)﹂。発売から1カ月ほどで世界累計販売本数が100万本を突破するなど、非常に勢いのあるスタートを切った同社の新規タイトルは、﹁マリオ﹂﹁ゼルダ﹂などの歴史あるゲームタイトルと比べると﹁やんちゃ﹂に映るキャラクターデザインや、インクの鮮やかな色選びなど、ビジュアル面にも目を惹くものがある。 また、筆者自身、このゲームを始めたある知人のデザイナーから、﹁Wii U本体と一緒に買ってでもやるべきだ﹂と猛烈なプッシュを受けた。買う前に評判を調べたところ、このゲームに熱中し、日々インクにまみれた生活をしているクリエイターは結構いる、ということが分かった(そしてミイラ取りがミイラになる格好で、筆者も現在進行形でプレイしている)。 そこで今回、スプラトゥーンをプレイしているデザイナーやイラストレーター、サウンドクリエイターなどの協力を受け、彼らが
    「Splatoon(スプラトゥーン)」のイカしたデザインのひみつ(前編)
    airj12
    airj12 2015/08/07
    楽しみながら細部に魂注入してるの素晴らし羨ましい
    リンク

  • 佐野研二郎氏、五輪エンブレム制作過程を解説「自身のキャリアの集大成であり、盗用疑惑は事実無根」

    英語版の記事はこちら 東京2020オリンピック・パラリンピック競技大会エンブレム制作者である佐野研二郎氏は5日、都内で会見を開催。メディア向けにデザイン、制作意図、オリジナリティの根拠について、改めて説明の場を設けた。 佐野氏は騒動を受け、会見の冒頭で「大変驚いており、模倣というのは事実無根」とコメント。訴えを起こしているベルギーの劇場のロゴについては「要素は同じだが、デザインに対する考え方がまったく異なる。自身のデザイナー、アートディレクターのキャリアの集大成としてすべての経験と知識を注ぎ込んだものであり、これ以上のものはないと考えている」とし、エンブレム制作の過程についてボードを用いて詳しく解説した。

    佐野研二郎氏、五輪エンブレム制作過程を解説「自身のキャリアの集大成であり、盗用疑惑は事実無根」
    airj12
    airj12 2015/08/06
    フォントの最後の方は !.':;/_ て事でいいんかな / この大きな仕事で盗作するメリットが無い・参考にしてたとしたら逆に右下のは消す気がする ので個人的には白判定
    リンク

  • Material Design Lite

    Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. Get started now. Templates The MDL components are created with CSS, JavaScript, and HTML. You can use the compone

  • 『「AWA」のデザインはどのようにして作られたのか。』


    こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った﹁ メディアプロデューサー養成講座﹂の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 ﹁AWA﹂とは？ AWAとは、ひとことで言うと ﹁登録なしですぐに音楽が聴ける定額制の音楽配信アプリ﹂です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく﹁プレイリスト﹂を軸に、自分の好みにあった音楽が﹁リコメンド﹂されること リコメンドを通じて﹁昔好きだったあの曲﹂や﹁まだ知らなかったけど好きな曲﹂を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初
    『「AWA」のデザインはどのようにして作られたのか。』
    airj12
    airj12 2015/06/25
    プロいなあ / ホワイトボードの絵がマテリアルデザインな感じ
    リンク

  • ≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）


    スマートフォン対応サイトで右上や左上にある﹁≡﹂こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。︵サイトイメージは﹁グラシン工房﹂から︶ まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線︵border︶で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた﹁︻Web制作︼スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた﹂の記事をご覧ください。 ●アイコンだけ・文字付
    ≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
    airj12
    airj12 2015/06/11
    マクドナルドのサイトデザインの話じゃなかった / 決まったアイコンがあると作る側は楽 / にしても左上が気になる
    リンク

  • Private Presentation

    Private content!This content has been marked as private by the uploader.

    Private Presentation
    airj12
    airj12 2015/06/05
    楽しいｗ
    リンク

  • よくわかるマテリアルデザインの設計コンセプト | fladdict


    iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは﹁ペーパー﹂と﹁インク﹂のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
    よくわかるマテリアルデザインの設計コンセプト | fladdict
    airj12
    airj12 2015/05/22
    紙は明らかだったけどインクもなのか
    リンク

  • Webデザイン講師 宮崎祐樹

    登録は無効化されました。

    Webデザイン講師 宮崎祐樹
    airj12
    airj12 2015/05/07
    名前がMetroじゃなくなった時の悲しさに比べれば
    リンク

  • スポークのない車輪の「再発明」｜WIRED.jp

    airj12
    airj12 2015/05/07
    車椅子・ベビーカーには良さげだけど縦2輪車だと気持ち悪さが拭えない / あれ？ベビーカーは？
    リンク

  • 最近のWebページで使用されている『さまざまな魅せ方』を実装するCSSやJavaScriptの最新チュートリアルのまとめ

    最近のWebサイトやブログで見かけるアニメーションを使ったさまざまなかっこいいエフェクトやコンテンツの見せ方を実装するCSSやJavaScriptのチュートリアルをCodyHouseから紹介します。 それぞれファイルを一式でダウンロードできるので、すぐに利用できます。 Fixed Background Effect デモページ 対応ブラウザ：Chrome, Safari, Firefox, Opera, IE9+ sectionやdivを垂直に配置した縦長ページで、背景を固定し、各コンテンツがカーテンを引き上げるようにスクロールするシンプルなテンプレート。

    最近のWebページで使用されている『さまざまな魅せ方』を実装するCSSやJavaScriptの最新チュートリアルのまとめ

  • マテリアルデザイン参考

    365,185 Templates Ready for Commercial Use / Android Templates Take a look at these Android templates to spark some design ideas for your next mobile creation.

  • 東急東横線のクマについて勘違いしていたこと - ちょろげ日記


    今週のお題﹁これって私だけ？﹂ すでに解決した話なんですが、勘違いしてたお話。 東横線に乗ったことがある人なら見たことがあるであろう、あの露出が激しいクマ。 妻とそれを見ながら、 私﹁このクマさー露出激しいよね﹂ 妻﹁そだね﹂ 私﹁それにかなりグロいよね﹂ 妻﹁そう？﹂ 私﹁スパッと切れてるじゃん﹂ 妻﹁え？﹂ 私﹁え？﹂ 勘違いしていたのは私だけでしょうか……。これだけインパクトがあれば注意するよなぁ、と。 ちなみにこのクマは、カルビーボテトチップスのじゃがいも君やミスタードーナツのキャラクターを手がけていた原田治さんがデザインしたものだそうです。 カルビー ポテトチップスコンソメパンチ 60g×12袋 出版社/メーカー: カルビー発売日: 2012/11/19メディア: 食品&飲料この商品を含むブログを見る そんなことをなぜ知ってるかというと、はてなダイアリーで原田治さんご自身がこんな
    東急東横線のクマについて勘違いしていたこと - ちょろげ日記
    airj12
    airj12 2015/03/09
    昔の(たぶん)東横線の子供が指挟まれてｷﾞｬｰｯてなってる警告シールを強烈に覚えてるなあ
    リンク

  • CSSで泥沼にはまらない3つのアプローチ｜『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント

    注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd

  • なぜサムスン製品のデザインは評判が悪いのか？


    By SamsungTomorrow サムスンは未来の製品開発のための潤沢な予算を組んでおり、欧米の優れたデザイナーを雇用していますが、Samsung Design Americaの製品戦略およびユーザーエクスペリエンスデザイン部門の元トップであるケルビン・リー氏いわく、サムスンのデザインが発展しづらいのは資金不足やアイデア不足というわけではなく、サムスンの企業体質とシリコンバレー特有のデザイナー文化がかみ合わないことが原因の1つであると語っています。 Why Samsung Design Stinks | Co.Design | business + design http://www.fastcodesign.com/3042408/why-samsung-design-stinks Ivey Business Schoolのリン・イマイ教授は﹁サムスンには韓国文化が強く反映されており
    なぜサムスン製品のデザインは評判が悪いのか？
    airj12
    airj12 2015/03/03
    「これが我々の提示できる最良のアイデアです。受け入れるか、私たち抜きでプロジェクトを進めてください」言ってみたい、それ以前にそこまでの自信を持てる様になりたい / S6も惹かれなかったなあ
    リンク

  • なぜ日本メーカーはアップルになれないのか：日経ビジネスオンライン


    ﹁デザインは化粧ではない﹂――。この言葉は、書籍﹃ジョナサン・アイブ﹄の中で、スティーブ・ジョブズの言葉として度々登場する。﹁化粧﹂というのは、製品のうわべだけきれいにすることを表している。これに対して、本連載の第1回で紹介したように、アップルやジョナサン・アイブは、ユーザーが製品をどう感じ、どう使うかまで意図して開発することを﹁デザイン﹂と受け止めている。 ﹁我々が目にする製品の多くは、ただ見た目を変えることだけを目標につくられている…イノベーションがないばかりか、純粋に時間や持っているリソース、より良く仕上げるための十分な気遣いをすることもなく…﹂︵ジョナサン・アイブ／2007年︶ このアイブの言葉から8年がたち、iPhoneがあれだけ大成功をおさめた今でも、製品の見た目だけを差別化する﹁お化粧﹂でつくられた製品を数多く目にする。家電量販店の一部の陳列棚は、まるでこの﹁厚塗り化粧商品﹂
    なぜ日本メーカーはアップルになれないのか：日経ビジネスオンライン
    airj12
    airj12 2015/02/19
    デザインの大切さの話で十分面白いのになんでこういうタイトルにすんのかな…
    リンク

  • デジタル時代の横書き明朝体「TP明朝」　「アルドノア・ゼロ」が採用、ディスプレイにも文学的なたたずまいを


    ﹁明朝体をもう一度日常に﹂――Webサイトやデジタルデバイスの普及で見かける機会が減っている明朝体。今の時代に適した新たなスタンダードを目指し、﹁AXIS Font﹂を手がけるタイププロジェクトが開発したのが横組みに特化した﹁TP明朝﹂だ。なぜ今、あえて明朝体なのか。生みの親の鈴木功社長に聞いた。 明朝体とゴシック体、逆転する存在感 明朝体は、毛筆の楷書体が様式化された書体で、ゴシック体と並ぶ基本スタイルの1つ。基本的な地の文の書体として広く使われてきたが、縦の線が太く横の線が細い、縦書きの視線運びを意識した形式であることから、デジタル化の進展とともに利用シーンが減っている。Webの日本語表示はゴシック系がほとんどだ。 鈴木社長は﹁以前はカジュアルなゴシック体が脇役的な使われ方をしていたのに、現在は逆転している印象。スマホやPCが基本の若い人たちにとっては、もはや見慣れないフォントになって
    デジタル時代の横書き明朝体「TP明朝」　「アルドノア・ゼロ」が採用、ディスプレイにも文学的なたたずまいを
    airj12
    airj12 2015/02/10
    素敵。ミドルコントラスト辺りをWindows10に採用してくれたらMicrosoftに魂を捧げる。/ 等幅も欲しくなる
    リンク

  • なんじゃこりゃ…車体の下に吸い込まれて開くドア

    新しいオプション装備に加えてくれないかな～。 自動車のドアって、スライドドアなどを別にすれば、基本的にノブに手をかけてヒンジを中心に開閉するスタイルが、19世紀に自動車が発明されて以来、ほとんど変化していないそうですね。でも、こんなふうに車体の下に滑り込んでいく設計のドアデザインはいかがでしょうか？ カリフォルニアに本社があるJatechが発表した｢Retractable Vehicle Door｣は、通称｢消える自動車ドア｣こと｢Disappearing Car Door｣のネーミングの通り、これで乗りつけて車内から颯爽と出てくれば、周囲から大注目の的となること間違いなし！ また、隣の車や壁との隙間がほとんどない場所でも、ドアを開くためのスペースを必要としないため、非常にスムーズな乗り降りができる実用性も備えていると好評のようです。 ただ同社は、高級車のみならず、普通のコンパクトカーにで

    なんじゃこりゃ…車体の下に吸い込まれて開くドア
    airj12
    airj12 2015/01/30
    大雨の時の事を考えると屋根側に開いて欲しいが
    リンク

  • 🎨 Material Design Colors, Color Palette | Material UI

    Material Design Color Palette will help you quickly decide which color to choose for your project. Colors are taken from Google's Material Design Guidelines.

    🎨 Material Design Colors, Color Palette | Material UI
  • 1 2 3 4 5 6 7 8 9 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.