[B! design] ArcCosineのブックマーク

フロントエンド開発今昔物語 - Qiita

フロントエンドと言っても、アプリやゲーム制作などではなく、いわゆるWebサイト制作のクライアントサイド側の話になります。時代背景おじいさんには、Photoshop、Illustrator、Dreamweaverという3種の神器がありました。当時のWebサイト制作は、これらのソフトを利用し、おじいさんが一人で行っていました。おじいさんのような仕事をする人は、Webデザイナーと呼ばれ、とても人気がありました。おじいさんは幸せでした。いつしかWebデザインは分業化されるようになりました。おじいさんは久しくデザインをしていません。現在の彼の仕事は、デザイナから受け取ったPhotoshopデータを基にWebサイトを制作することです。それはHTML5サイトというとても都合の良いバズワードでまとめらてしまうこともあります。このことについて、おじいさんはやり場のない憤りを抱いています。 HTML/C

ArcCosine 2014/02/26

このおじいちゃんはアラサー

リンク

プロにwri.peのデザインの駄目出しをしてもらう

wri.peのデザインは自分で作ったのですが、デザインのプロから見ると直すところは多々あるんじゃないかと思って、ミイルを一緒に作ったフォーユーの金田さんにデザインの駄目出しをしてもらいました。まず第一に指摘されたのは、ターゲットユーザをどこに定めるかという話。エンジニアなどをターゲットにするか、一般ユーザをターゲットにするか。 wri.peは「自分用ツール」が起点なので、エンジニアなどPCやテキストに慣れている人をメインターゲットにして行こうと思っています。それであれば基本的なデザインはこの方向で良いとの事でした。もっと間口を広くして多くのユーザに使ってもらいたい場合は、UIをがらりと変える必要があるとの事。いまのUIはなるべくシンプルにして、エンジニアなどに深く刺さることを目的にしているので、wri.peはこのUIのままで行こうと思っています。ただトップページでは、アプリの紹介とか

ArcCosine 2013/08/02

ふむ。こういう意見は参考になる。

Design

リンク

黄金比ってWebではどうなの？～三分割法と黄金比の話～｜株式会社アクトゼロ｜クリエイティブブログ

こんにちは。毎日暑いですね…。猛暑日が続き、いよいよ夏バテがやってきそうです。夏はイベントも多く外に出たくなりやすいですが、外出の際はこまめに水分補給をしましょう！私はビール補給を毎日したいです。さて、今日は美術やデザインを学ぶ中で一度は聞いたことはある『三分の一の法則(三分割法)』と『黄金比』について書こうと思います。皆さんはこの法則を意識してデザインをしたことがありますか？三分の一の法則とは？まずは三分の一の法則について。イラストや写真、文字などの要素を１つのエリアにレイアウトするとき、画面の中を分割するようなイメージでそれぞれの範囲に役割を与えると、受け手に情報が伝わりやすくなります。例えば、「写真のエリア」「タイトルのエリア」「説明のエリア」といったイメージです。このように3つの要素を配置する際に、三分の一を意識してあげると、全体的にまとまった印象になります。上図のように

ArcCosine 2013/07/17

三分割法は知らなかったので参考になった。

Design

リンク

なぜ花王のロゴには"月"が描かれているの? -広報さんに聞いてみた

石鹸(せっけん)などの製品でおなじみの花王のロゴマークには月のマークが使われていますよね。なぜ"月"なのでしょうか? また月にはどんな意味があるのでしょうか? 花王株式会社広報部の伊藤有希さんにお話を伺いました。最初のロゴマークは「吹き出し」付きだった! ――花王のロゴマークには「月」が入っていますが、その理由を教えて下さい。このロゴマークは、創業者の長瀬富郎(ながせとみろう)が考案したものが基になっています。1887年(明治20年)、初代の長瀬富郎は洋小間物商『長瀬商店』を開業しました。これが花王の始まりです。 ――ということは、もう120年以上も続いているんですね。はい。その長瀬商店で輸入品の鉛筆を扱っていたのですが、その鉛筆に月と星のマークがありました。これがヒントになって1890年(明治23年)に最初の月のマークができました。このロゴは顔は左側にあって(右向きの顔で)、吹

ArcCosine 2013/07/09

花王のロゴの歴史。男顔→女顔への変換とか、右向き→左向きとか、花王→KAOとか色々変わっている。

design

リンク

フラットデザイン｜Flat UI Colors

280 handpicked colors ready for COPY & PASTE

ArcCosine 2013/06/22

これは良いカラー集

リンク

デザイン作業のスピードアップ

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして、ゴラクログのデザインを担当をしている鬼石広海と申します。弊サービスは現在大幅リニューアル中ですので、UI周りはリニューアル後、又機会があればご紹介させて下さい。今回は、駆け出しのデザイナーさん達の多くが課題にあげる、デザイン作業のスピードアップについてお話します。結論から言いますと、細部から作らずに土台作りを頑張ることが、結果的にスピードにつながるというお話です。では実際にバナーデザインを例に紹介します。 1.構成要素を全部置くまずはプランナーやプロデューサーと話し合って決めた構成要素を、とりあえず全部キャンバスに置いてみます。

ArcCosine 2013/06/06

参考になる

design

リンク

「Firefox」の新しいデザインを一足先に体験できる「Firefox UX」NOT SUPPORTED

ArcCosine 2013/04/18

コレ・ナンテ・クローム(2010~)

リンク

ノンデザイナーのための配色理論

2. わたくしおばらつかさ渋谷でSAUCER（ソーサー）という名前でフリー @saucerjp のデザイナをしています。紙媒体からデザイン業界に入り、ずーっと紙のデザインだけをしていましたが、ここ5, 6年はWeb媒体の仕事が随分と増えています。現在では特に紙、Webの区別なくデザインの仕事をしています。