書籍『なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉』刊行のお知らせ
よりよいデザインにするために、デザイナーが頭の中で考えていることを、作例などのビジュアルとともにわかりやすく解説したデザイン書籍『なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉』が2015年7月31日に刊行されました。著者は、株式会社コンセントのアートディレクターの筒井美希。 本書は、デザインに興味があるすべての人に、楽しく読んで「なるほど！」と理解いただけることを目指し、3つの章で構成されています。 Chapter 1「編集×デザイン」では、まずはなんのためにデザインするのか、その目的を理解した上でその目的にふさわしいデザインを導き出すことの必要性を、目的別の作例を通して説き、さらに最終アウトプットとしてのデザインを考えていくまでの過程をプロセスを追って説明しています。 「デザイナーの7つ道具」と題したChapter 2では、デザインのコツや気をつけるべきポイントを、「天秤」や「
スマフォアプリで見る UI の気付き
この記事は「#UI Design Advent Calendar 2015」第18日目の記事です。 スマフォアプリの普及により、UI デザインの需要は年々増しています。最近になってアプリの UI デザイナーとしてお仕事を始められた方も多いかと思います。UI デザインは、原則や関連知識の理解を深めることも重要ですが、ケーススタディとしてみることでスキルの習得も早くなります。 今回は、これまでユーザビリティの観点で監修したアプリ UI の中から、ユーザビリティテストのスコアリングが低くなる傾向のデザインパターンをご紹介します。それらは少し見直すだけでスコアが改善されるというのもまた特徴です。やってしまいがちな失敗 UI ケースの入門として、ご参考になればと思います。 スコアリングの指標 アプリ UI のユーザビリティ測定には、アクセシビリティや他の定義を考慮することもありますが、今回のスコアリ
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
小豆島に移住したデザイナー平野甲賀らによる文字の展覧会
〈 この連載・企画は… 〉 海と山の美しい自然に恵まれた、瀬戸内海で２番目に大きな島、小豆島。 この島での暮らしを選び、家族とともに移住した三村ひかりが綴る、日々の出来事、地域やアートのこと。 writer profile Hikari Mimura 三村ひかり みむら・ひかり●愛知県生まれ。2012年瀬戸内海の小豆島へ家族で移住。島の中でもコアな場所、地元の結束力が強く、昔ながらの伝統が残り続けている「肥土山（ひとやま）」という里山の集落で暮らす。移住後に夫と共同で「HOMEMAKERS」を立ちあげ、畑で野菜や果樹を育てながら、築120年の農村民家（自宅）を改装したカフェを週２日営業中。 http://homemakers.jp/ 島にまつわる文字のデザイン 「深夜特急のロゴを描いている人が移住してくるらしいよ」 学生の頃に読んだ小説『深夜特急』、その内容はもちろん 表紙のイメージもいま
分かりやすいWeb入力フォームのための十戒 | POSTD
1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネームやパスワードなどを入力する際にはシンプルで使い勝手がいいのですが、それ以上に長い文字列になると少々勝手が悪くなります。 そのため余白があるのであれば、ラベルを表示すべきです 特に、長いフォームの場合では、ユーザは入力したものを見直すでしょう。どのラベルが入力欄と合致するのか分からなければ、間違いがないよう見直すことなどできるはずがありません。 改善前:入力欄中にラベルが記入してあります。今は見やすいかもしれません。 しかしフォームに入力するとラベルが見えなくなってしまい、間違いを見つけにくくなってしまいます。 改善後:それぞれの入力欄に、クリアでいつでも見えるラベルを付けましょう。 2. 十分な大きさのフォントを使用せよ
【料金表第2弾】Webサイト制作いくらかかるか？フリーランス・SOHOの制作代金 100社まとめ - デザインを相談してみよう
Webサイトの制作料。機能、デザイン、コンテンツ、ページ数によって大きく異なることは容易に想像できますが、一般的な中小企業がデザインを頼むとしたらいくらかかるのでしょうか？ チラシのデザイン料を調べた前回に引き続き、実際に料金表を公開されているデザイナーやウェブ制作会社を検索してみて、フリーランスやSOHOの方を中心に100社ほどまとめてみました。今回も、会社名とURL、料金表部分のスクリーンショットを掲載しています。 ウェブ制作のお仕事で独立・開業したばかりの方や、する予定の方にとっても、いくらチャージすればよいのかを考える際の参考になれば幸いです。 追記：現在、広告用バナー、LP（ランディングページ）、アプリ用アイコンなどの制作料金についても調べています。興味がある方は、公開時にお知らせが届きますので、もし良かったら読者登録していただけますと幸いです。 アルファーム http://al
Backdrop | UXの語感
UXという言葉は2005年ぐらいにはすでにバズワードだったが、その後もますますバズっぷりを増している。 UXという言葉は人によっていろいろな意味で使われるとよく言われる。実際、私も仕事でいろいろな人がいろいろな意味で（そして真面目に）UXという言葉を使っているのに遭遇する。 デザインコンサルタントとしては、UXを何かひとつ定義づけることよりも、世間でこの言葉がどのような使われ方をしているのかを知ることの方が重要だ。 ちなみに、私の定義はとても簡単だ。誰かが私に「UXとは何ですか？」とたずねれば、私はこう答える。 「利用者体験のことです」 それ以上でも以下でもない。英単語の直訳で十分意味のある言葉だと思う。 例えば「デザインって何ですか」とか「UIって何ですか」といった質問に答えることの方がずっとコンセプチュアルで難しい。UXは簡単だ。 ただ世間でいろいろなニュアンスが盛られて使われているよ
CVRが驚くほど上がるボタンデザイン7つの法則
Webサイトやアプリを訪れたユーザーに対して、ゴールまでの最適な道筋をつけるのがCTA（Call to Action：行動喚起）。このCTAを意識してボタンをデザインすることで、クリック率やコンバージョン率を大幅に改善できます。ボタンを実装するときにチェックしておきたい7つの法則を紹介します。 1.ユーザーの言葉を使う ネットで買い物しているところを想像してみましょう。以下の2つのボタンがあったら、どちらを押したくなるでしょうか。 ほとんどの方は、右の「注文する」を選んだはずです。デザインがまったく同じボタンがあったとしたら、自分が日ごろから使っている言葉のほうがピンときて押しやすい。企業側の言い回しと、ユーザー側の言い回しがずれているほど、ユーザーはアクションを起こしづらくなります。ボタンのラベルにはユーザーが普段使っている言葉を使いましょう。 Webサイトの制作ではつい企業目線の言葉を
デザインブログ バードヤード
Monthly Popular Posts 知られざる東京タワーの製作秘話 1,038 views キューピー Cupie 100年以上の歴史を持つ赤ちゃん天使キャラクター 485 views スマーフ Smurf ベルギーの生んだ根強い人気のキャラクターとその歴史 429 views 県章 市章 一覧からみる全国のシンボルデザイン 390 views アンクルトリス 柳原良平の生んだ昭和の人気キャラクター 388 views 九龍城砦 クーロン城 今は無き香港に沈んだ生きた建築 350 views ダミアン･ハースト (Damien Hirst) ヤング･ブリティッシュ・アーティストを代表する医療系アート作品 309 views アキラ 大友克洋による伝説的なコミックとアニメAKIRAの世界 279 views Ronald Mcdonald ロナルド(ドナルド)マクドナルド マックと共
残念な女性向け商品が作られてしまう「ダサピンク現象」について - yuhka-unoの日記
最近、Twitterで「ダサピンク現象」という言葉がちょっと広まって、（一応）名付け親である私としては嬉しいのだけれど、誤解している人も多そうなので、この辺りでエントリを書いてまとめておこうと思う。 「ダサピンク現象」は元々この辺りの話から始まった。 「ピンク＝女性向け」？ - Togetterまとめ ここでは、「女性向け」ということでデザイナー職の女性たちが考えたデザインを、上層部のおっさんが「女性ならピンクだろ」と言ってダサいデザインに差し替えてしまうことや、実際に街を歩いている女性の服装のうち、ピンクの割合はどれくらいだと思ってるんだとか、一口にピンクと言っても色々なピンクがあり、おっさんが思う女性向けピンクと、実際に女性から好まれるピンクは違うとか、そういう話が展開されている。 それを受けて、私はこういうTweetをした。 なぜ出来が残念な結果になるのかというと、「女性ってピンクが
デザイナー必見！ Xcodeで動くモックを作ろう
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog この記事を読むとデザイナーの方でもエンジニアと同じ開発環境で動くモックを作れるようになります！（社内での実績あり） 例えば以下のようなデザインの画面を新規に作りたいとします。そして社内の人に直接触ってもらい感想を聞きたいとします。 さて、あなたならどうやって感想を求めますか？ モックの画像をカメラロールに保存してユーザに見せたりしていませんか？ ですがこの方法だと触っているうちにピンチイン・アウトしてしまいますし、あまり良いやり方とは言えませんよね。 モック作成ツールを使うやり方もありますね。世の中には様々なモック作成ツールがあります。 ですが、モック作成ツールだと実現できないことも多々出てきます（例：画面の固定位置にオーバーレイ
フリーランスのデザイナーが０から仕事をもらっていくための戦略をまとめてみる - LITERALLY
先日『１年でフリーのWebデザイナーになった僕が実行した8つのステップ』という記事を書いたところ、フリーランスデザイナー志望の方からクライアントからの仕事のもらい方や価格設定等についてご質問を頂いた。今回は、返答がてらフリーのデザイナーが仕事をもらっていくための戦略をまとめてみようと思う。 あくまでもここで書くのはぼくが実行したことと、実行すれば良かったのかもしれないという個人的なアイデアなのでご注意ください また、ここではデザインスキル・プログラミングスキルがある程度あるものとして話を進めていきます Webポートフォリオを作る ポートフォリオは知名度のないフリーランスが仕事をもらうための唯一の武器 個人で仕事を進めていくのであれば、ポートフォリオは必要不可欠だ。身元もよく分からないフリーランスの仕事の質を保証してくれるのはただ１つ「制作実績」だけだからだ。当たり前だがポートフォリオには自
紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個 | PRESSMAN*Tech
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて
オリジナルフォントを使ったデザイン - クックパッド開発者ブログ
こんにちは、ユーザファースト推進部デザイングループの元山です。 デザイナーの皆さんはWebやアプリなどをデザインする上でフォントを作った事があるでしょうか？ ずいぶんと前から「これからはWebフォントの時代だ」なんて言われながらも、現実は中々使うのが難しいなぁと感じている方は多いかもしれません。 今回はクックパッドで実際に作ったオリジナルフォントを使ったWebやアプリのデザインについて事例を交えながら紹介してみたいと思います。 クックパッドでの事例 印象と機能を向上させるデザインのためのフォント ブラウザやアプリの標準のフォントではない特殊なフォントを使う理由として真っ先にあげられるのは、やはり文字の雰囲気や見た目でデザイン的な印象や見え方を向上することができる点だと思います。最近ではAppleのWebサイトもオリジナルのWebFontを使ったデザインに変わりましたね。 クックパッドでは特
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
【改めて基本を解説】デザイナーの役割とその仕事内容とは デザイン会社 ビートラックス: ブログ
ファッションから、グラフィック、Web, 建築、UXまで、さまざまな異なる職種のデザイナーが存在する。 実際の仕事内容はそれぞれのフィールドによって異なるが、”デザイナー”という人達の仕事は根本的には共通してる点が多い。 その一方で、デザイナーに対しての世の中の一般的なイメージはかなり現実と異なる事も少なくは無い。 そんなデザイナーと呼ばれる人達の本当の仕事、求められるスキル、そして日米でのデザイナーを取り巻く環境はどのように異なるかを考えてみたい。 デザイナーは絵を描く以上の仕事デザイナーというと、絵を描いて形だけを決める仕事だと勘違いしている人が多いのだが、実はそれらは最終アウトプットのごく一部であり、本来デザイナーの仕事というのは、与えられた制限の中で、求められる最大限の結果を生み出すプロセスのその全てに関わる職業である。 その仕事の中には、ターゲット層の設定や、どのように売るか、そ
色彩理論の基礎に学ぶ、相性抜群な「色の組み合わせ」 | ライフハッカー・ジャパン
身につける服でも仕事のプレゼンテーションでも、何かの見た目を良くしたいのなら、色は大切な要素です。ですが、オレンジと青が完璧な組み合わせだなんて、誰もが直感的に知っているわけではありません。自分の直感を信じられないなら、色彩理論の基本を理解して、それをもとに正しい色を選んでみてはどうでしょうか。 色相環を知る 上の図は基本的な色相環で、色を選ぶ際の指針になるものです。学校で見たことがあるかもしれませんが、忘れている方のために、簡単におさらいしておきましょう。 赤、青、黄色の3色が原色です。赤と黄色を混ぜると橙になります。青と黄色を混ぜると緑になります。赤と青を混ぜると紫になります。そのため、橙、緑、紫は二次色と呼ばれています。赤紫や青紫などの三次色は、原色と二次色を混ぜたものです。 すべての色には明色（明度の高い色）と暗色（明度の低い色）があります。明色は元の色に白を混ぜてできる色、暗色は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
稲川淳二が書き溜めた直筆の怪談ノート。特に目を引くのが、まるでPCからプリントアウトされたかのような均一性の高い文字。もはや稲川フォントと言っても過言ではない。インダストリアルデザイナーである氏の一面が垣間見える。
Autenticação - GLPI
Designers.MX
