タグ

designに関するmohriのブックマーク (37)

  • クックパッドの新しいロゴに込めた思い - クックパッド開発者ブログ

    ユーザーファースト推進部デザインチームの上ノ郷谷 (かみのごうや) です。 9月1日よりクックパッドサイトのロゴが新しくなりました。もうみなさまご覧になっていただけたでしょうか。 ロゴを新しくしたのは、2014年から格的にはじまった世界展開に合わせて「毎日の料理を楽しみに」を世界へ。という思いをもっと知ってもらうため。そして世界中のみなさんに親しみを持ってもらいたいという思いからです。 ロゴの基的な構成、使われている色には変更はありませんが、さまざまな思いを込めた大きなマイナーチェンジになったと思います。ロゴデザインを担当したものとして、どのようなことを考えながら作ったのかを書いてみます。 これまでのロゴと新しいロゴ まずはクックパッドのシンボルでもあるコック帽のロゴマーク。このロゴマークをもっと強調させ、認知を高めるために茶色い枠を外しました。枠を外すことでキーカラーのオレンジの印象

    クックパッドの新しいロゴに込めた思い - クックパッド開発者ブログ
    mohri
    mohri 2014/09/09
  • もしもデザイン界の一流ブランドが日常的な食品を販売したら

    Peddy Merguiさんはブランドデザインに関する仕事に携わるイスラエルのデザイナー。 そんな彼が私的に公開する作品は、優れたデザインで知られる一流ブランドがもし日常的な品を販売したら、という体で創作された秀逸なパケージデザインのコンセプトです。

    もしもデザイン界の一流ブランドが日常的な食品を販売したら
    mohri
    mohri 2014/04/23
    おもしろ
  • 文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン

    研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

    mohri
    mohri 2014/01/25
    「美しい余白のために、枠と文字は別に作る」なるほど
  • contact amazon

    Flipsnack was launched as part of the Snacktools family of apps. Back in 2011, when Flipsnack was born, there were other 8 web applications in Snacktools’ portfolio. Just to name a few: Bannersnack (currently Creatopy), Snackwebsites, Photosnack, Quizsnack, Slidesnack, and others. Today, Flipsnack is 10 years old and reached over 6 million users. What started as a simple PDF to flash flipbook tool

    contact amazon
  • Solarized

    Note: SITE RESTORATION IN PROGRESS Solarized Precision colors for machines and people Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications. It has several unique properties. I designed this colorscheme with both precise CIELAB lightness relationships and a refined set of hues based on fixed color wheel relationships. It has

    Solarized
    mohri
    mohri 2013/12/17
    目にやさしいカラースキームらしい
  • セールを逃すな! 欧文フォントを格安で入手する方法 - Hatena Design Group

    こんにちは。はてなデザインチームの id:ueday です。 フォント収集って楽しいですよね。特に欧文は実に多様なフォントが存在し、見ているだけで創作意欲が湧いてきます。フリーフォントでは物足りなくなってきて、そろそろ市販のフォントも買ってみようかな…と思っている方も多いのではないでしょうか。 定番フォントを買ってみたい まずは定番のフォントを揃えたいですよね。例えば、「Avant Garde Gothic」というフォントがあります。初代ファミリーコンピュータやAKB48のロゴタイプ、ヱヴァンゲリヲン新劇場版にも印象的に使われている、大変有名な書体です。 フォントのオンラインストアでは大抵1ウェイトからバラ売りされていますが、異なるウェイトをセットにしたお買い得なパックもあるので、そのお値段を見てみると… ITC Avant Garde Gothic Complete Family - d

    セールを逃すな! 欧文フォントを格安で入手する方法 - Hatena Design Group
    mohri
    mohri 2013/12/06
    え、そんな安くなるもんなのか!
  • 日本のウェブデザインはなぜこんなにも世界と違うのか? - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報

    記事は、ブログ『RANDOMWIRE』の運営者の許可を得て、翻訳しています(元記事)。 静寂が満ちる禅庭園、美しい神社、静穏な寺、洗練された茶道。日の伝統建築、現代建築、書籍、雑誌は世界中のデザイナーの羨望の的だ。 だが、どうしてか、こうした巧みな技術はデジタルプロダクトには生かされていないようだ。特にそれが顕著なのは、ウェブサイトだ。その多くが、1998年のスタイルから変化していないように見える。 例1:楽天市場 有名な日のサイトの多くを見てみると、次のような傾向が見られる。(例えば、 Yahoo Japan、楽天、ニコニコ、JR東日、読売新聞…) 隙間なく敷き詰められている文字 小さく、画質の悪い画像 数えきれないほどのカラム 色同士の調和に欠ける派手な色使い、きらきら光るバナー Flashのような、過剰に使用される時代遅れのテクノロジー 美しい俳句、質素なわび・さびとはかけ離

    日本のウェブデザインはなぜこんなにも世界と違うのか? - BRIDGE(ブリッジ)テクノロジー&スタートアップ情報
    mohri
    mohri 2013/11/14
    むしろ逆に、米国のモールサイトはなにがどうやったら楽天メソッドみたいなページにならなくて済んでるのかを知りたい
  • Why Japanese Web Design Is So… Different | Randomwire

    In the mind’s eye of many people, Japan is a land of tranquil Zen gardens, serene temples, and exquisite tea ceremonies. Both traditional and contemporary Japanese architecture, books and magazines are the envy of designers worldwide. Yet for some reason, practically none of this mastery has been translated into digital products, in particular websites, most of which look like they hail from aroun

    mohri
    mohri 2013/11/13
    サイト落ちてるのか……(あとで読む)
  • いよいよ最終回! 連続テレビ小説『あまちゃん』のタイトルロゴに秘められた想い -NHK担当者に聞いてみた

    レポート いよいよ最終回! 連続テレビ小説『あまちゃん』のタイトルロゴに秘められた想い -NHK担当者に聞いてみた 大人気のNHK連続テレビ小説『あまちゃん』もいよいよ最終回! いつもは企業のロゴやマスコットの由来を調べている当コラム、今回は特別編ということで、あまちゃんのロゴを取り上げます。あまちゃんのロゴはどのように制作されたのでしょうか。NHK放送総局デザインセンター 映像デザイン部、岩倉暢子さんにお話を伺いました。 ――『あまちゃん』のタイトルロゴはどのような経緯で制作されたのでしょうか? ロゴデザインは、放送開始の半年前、昨年(2012年)10月に完成しました。ロゴのデザインを決定するにあたって、1カ月間ほどコンペを行いました。「あまちゃん」の筆文字だけでも6種類ほどのバージョンがあり、その中から選びました。 カッコイイ系、オシャレ系とあらゆる方向性を検討し、いくつものバージョン

    いよいよ最終回! 連続テレビ小説『あまちゃん』のタイトルロゴに秘められた想い -NHK担当者に聞いてみた
    mohri
    mohri 2013/09/30
    おもしろい
  • はてなブログの完全オリジナルテーマを作成するのに参考にした記事・サイト - やみつき番長

    2013-09-09 はてなブログの完全オリジナルテーマを作成するのに参考にした記事・サイト はてなブログのテーマをカスタマイズする上で、参考にした記事・サイトを紹介します。はてなブログ・・・捨てたもんじゃないっすよ。 カスタマイズの参考にしたサイト 1. はてなブログ開発ブログ デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました - はてなブログ開発ブログ 日、はてなブログのサンプルテーマ「Boilerplate」を公開しました。デザインCSSをカスタマイズする土台に適しています。Boilerplate(ボイラプ... はてなブログテーマ制作の手引き - ヘルプ - はてなブログ はてなブログでは、CSSを編集してオリジナルテーマを作ることができます。作ったテーマは、テーマ ストアに投稿して、ほかのはてなブログユーザーに使ってもらうことも... はてなブログを

  • Modern UI のようなフラットデザインを目指して使いづらくなっている件について | DevelopersIO

    Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル(ボタン)とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2(Jelly Beans)もこの流れを踏んでいます。 両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在

    mohri
    mohri 2013/05/20
    「(日本語は)タイポグラフィという見栄えの観点からすれば、どうしてもゴチャゴチャした印象になりがちです。結果として英文よりも行間を少しだけ広く取らないと可読性が損なわれてしまう」
  • Spacer GIF - Wikipedia

    mohri
    mohri 2013/03/19
    「David Siegel's 1996 book Creating Killer Web Sites was allegedly the first to publish the Spacer GIF technique」へーへーへー
  • Clever and Creative Escalator Advertising

    See what happens when companies use escalators to promote their products. Duracell Escalator Advertisement Stickers of half covered Duracell battery compartments were placed at the start of escalators in major shopping malls. Coca-Cola Escalator Advertisement Regular Cola was advertised to people using the stairs and Coke Light to those who chose the escalator. Pizza Kingdom Escalator Advertisemen

    mohri
    mohri 2013/01/08
    matome.naver.jp/odai/2133938882089465501の元ネタ。おもしろい
  • Society6 | Copyright infringement.

    Member Since: 2014 "I love drawing relatable aliens living their lives, lounging and exploring, feeling comfortable with themselves. I'm very inspired by nature and outer space, as well as a love of sci-fi, fantasy, hot drinks in cute mugs, road trips, dogs, and listening to songs on repeat." Robin Eisenberg is an artist and animator from Los Angeles. Her vibrant, technicolor illustrations of alie

    Society6 | Copyright infringement.
    mohri
    mohri 2012/12/16
    アーティスト/クリエイターが作品をポスターやスマホケースとして販売できるサイト。2009年1月スタート
  • YAPC::Asia Tokyo 2012に参加してLTをしてきました - くらげだらけ

    1ヶ月前くらいから社内のエンジニアが今年はYAPCに行くだの、発表するだの話しているのが聞こえていました。私はデザイナーですし、まぁ参加するなんてことないと思っていました。参加するきっかけになったのは id:uzulla さんのツイートで、何やら今年はuzullaさんが司会・運営でLTソンというものをやるそうと聞き、その上発表者が全然集まっていない様子でした。uzullaさんとは一度温泉旅行に行ってそれから1、2回会ったような方ですが、何やら困ってそうなので参加してみようかなと思ったのがきっかけです。 LTソンはざっくりしたLT形式で内容は何でもありみたいな感じでしたので、これなら私でも発表できるなと思いました。即日、許可をもらって参加申し込みしました。もともとエンジニアたちが集まるカンファレンスには興味がありましたし、Perlの会社で働いているのですから一度はYAPCに参加してみたかった

    YAPC::Asia Tokyo 2012に参加してLTをしてきました - くらげだらけ
    mohri
    mohri 2012/10/14
    べんり!
  • インスピレーションを刺激する!Facebook新タイムラインのデザイン51選!

    あっという間に12月! さて、こんな年末の年の瀬迫るちょー多忙期に、なんとFacebookのタイムラインが新しくなることに! カバー写真とプロフィール写真を工夫することで、面白い見せ方をしているデザインを51個ご紹介します! 新タイムラインの設定方法やカバー写真の変更方法についてはこちらがおすすめです! 来月スタート!新・facebook「タイムライン」登場。で、準備しておきたい5つのこと Facebookでタイムラインのcoverを設定する方法 - nanapi Web また面白いプロフィールページだけを集めたFacebookのグループもおすすめ! Awesome Profile Hacks Ekkapong Techawongthaworn Mohammad L. Azzam Andrew Grojean Yale Zhao Sune Adler Miltersen Sven De B

    mohri
    mohri 2011/12/16
    楽しそう。フェイスブックってデザイン的要素あまりなかったからなー
  • BP Logo Design

    mohri
    mohri 2010/06/06
  • 3 อันดับเว็บ บาคาร่า ออนไลน์ คาสิโน ได้เงินจริง แทงไม่มีขั้นต่ำ 2023

    3 อันดับเว็บ บาคาร่า ออนไลน์ คาสิโน ได้เงินจริง แทงไม่มีขั้นต่ำ 2023จัดอันดับ 3 เว็บ บาคาร่า ที่ดีที่สุดในประเทศไทยปี 2023 ที่เรียกว่าได้เงินจริง มั่นคงทางการเงินมากที่สุด อีกทั้งยังแทงไม่มีขั้นต่ำ บาคาร่า วอเลท รองรับการฝากถอนแบบออโต้ ขั้นต่ำเริ่มต้นที่ 1 บาทเท่านั้น ไม่ว่าจะทุนเยอะหรือว่าน้อย ก็สามารถเข้ามาแทง คาสิโนออนไลน์ ได้ครบทุกค่าย ไม่ว่าคุณจะเป็นมือใหม่ หรือว่าเซียนบาคาร่า เราแนะนำให้คุณไ

    3 อันดับเว็บ บาคาร่า ออนไลน์ คาสิโน ได้เงินจริง แทงไม่มีขั้นต่ำ 2023
    mohri
    mohri 2009/03/25
    このアイコンかっこいい
  • Webタイポグラフィまとめ - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記

  • http://www.designwalker.com/2009/01/table.html

    http://www.designwalker.com/2009/01/table.html
    mohri
    mohri 2009/01/14
    「テーブルデザイン」のまとめかとおもった!/日本で最初にtableタグをレイアウトに使ったのは脳スポのshigepという都市伝説があるけどほんとのところどうなんやろ? って本編とぜんぜん関係ないブクマ※