新卒未経験Webディレクター向けに作ったマニュアルをチラ見せします | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
と、声をかけていただけることがしばしばありました。 はて？ 何の資料だろう？ と不思議に思っていたのですが、実は休職前に新卒ディレクターに教えるためにまとめていた資料が脈々と受け継がれていたのでした。 なんとも嬉しい声！ 正直、頑張って作った甲斐あった！ 今回は、新卒・新人ディレクターに向けて作ったマニュアルの一部を抜粋して、チラ見せしたいと思います。 ※ 以下の内容はOJTをしていきながら「わからない」と返答されたものを基準にまとめておりますので偏りがあります。一例としてお考えください。 マニュアルの構成 マニュアルの構成は大きく4つに分類されており、それぞれに関係した知識をつけることが大事だと考えています。そのため、マニュアルを作り始めるときには以下の扉ページを作るところから始めました。 資料の扉ページ ディレクション デザイン コーディング システム 1. ディレクションで必要な知識
デザインを「伝える」ためにすべきこと - Speaker Deck
Transcript σβΠϯΛ ʮ͑Δʯ ͨΊʹ͖͢͜ͱ ຐ๏͍ ݟश͍ ͡Ί·ͨ͠ ֯ాҁՂ � ͢Έ͔ͩ͋ 8FCσβΠφʔ �ΠϥετϨʔλʔ ����ɹϑϦʔϥϯε TQJDBHSBQI ����ɹגࣜձࣾΩςϨπϝϯόʔ ͘ ͡ ʮ͑ΔσβΠϯʯͷ ϫΠϠʔϑϨʔϜͱͷ͖͍͋ํ σβΠϯΛʮ͑Δʯ ʮ͑ΔσβΠϯʯͷϏδϡΞϧදݱ 01 02 03 ʮ͑ΔʯΛͭ͘ΔৗͷΞτϓο τ 04 ·ͱΊ 05 Θͨ͠ͷܦྺ 2002 2006 2012 2017 ݣࣾһ ࣾһͳͲ ϑϦʔϥϯε ϑϦʔϥϯε��ੜ �ੜ ग़࢈ Θͨ͠ͷࣄͷׂ߹ ੍࡞ձࣾ 9 1 ΫϥΠΞϯ τ ίʔσΟ ϯά 6 3 3.5 0.5 8FC σβΠ ϯ %51 σβΠ ϯ Π ϥε τ Θͨ͠σβΠφʔͰ͢ σβΠφʔ࣮ ʮઃܭ࢜ʯ ग़లɿ8JLJQ
「信頼感や安心感のあるデザインにしました(ｷﾘｯ」←デザイナーがよくいうやつ。 - 笑顔を創りたいWebディレクターの日常
「御社の信頼感や安心感を表現するため、こういうサイトデザインにしました」 みたいなことをデザイナーもディレクターも言いがちなんですが、僕はこの表現が嫌いなんですよね。っていうかそれ何も言ってないのと同じじゃん？っていう。 デザインコンセプトを決めるときや、その説明のときに信頼感とか安心感とかいうワードは使わない方が良いとすら思う。使うにしても、もう一歩掘り下げるとか。 いや、まあ信頼感や安心感という言葉でどんなデザインを表現したいかってのは、だいたいはイメージつくので、依頼側とデザイナー側が共通言語として使えてるならべつにいいんですけどね。 今日はそんなお話。 そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 信頼感や安心感のあるWebサイトデザインってじゃあなによ パッと思いつくのは、たとえば落ち着いた配色でキービジュアルに自社ビルの写真なんかを大きく置いたデザインとかで
graphic-designer-vs-client.html
Webデザイナーとクライアントの関係は共通の認識で目的をもち、ゴールを目指すことが理想です。しかし現実では些細なことで異なってしまうこともあります。 そんなWebデザイナーとクライアントのあるあるを軽快なアニメーションでまとめたコンテンツを紹介します。 Graphic Designer Vs Client もちろん、すべてのデザイナー・クライアントがそういう事ではありません。そういった人たちもいるという程度でお楽しみください。 掲載にあたり元サイト様にライセンスを得ています。 ※各コメントは著者にアドバイスをいただいたものです。
的確なデザインアドバイスをするための確認事項
段階的に考えるデザインのアドバイス 時々「デザインのアドバイスもらえますか？」という依頼を受けることがあるわけですが、応えるのに困ることがあります。尋ねている側は「もっと良い見た目、さらに使いやすくするにはどうしたら良いか？」というニュアンスを含めて質問しているわけですが、初めて見る成果物に対して評価するのは極めて困難です。 成果物は突然生まれるものではありません。価値共有を行ったり、あえて省いた機能や、意図的に作られた表現もあります。こうした過程を経て Web サイトやアプリという成果物があるわけですから、それらを理解する前に評価するとなると、どうしても「好き」「嫌い」といったリアクションに近いものになりがちです。「これはどうですか？」と尋ねても、的外れなフィードバックが来る場合があるのはそのためです。 ムードボードを作るとき、自社ブランドを言語化・視覚化する際、「好き」「嫌い」という感
受託制作における大きいデザインと小さいデザイン、デザインで解決できることとは？ | ツクロア - DESIGN LAB
先日、“RIDE” UX Sketch SUMMER 2016 〜リアルな現場のUXがビジネスに必要だ！〜 というイベントに参加してきた。 UXということばがついているので、拒否反応が出る人は出るかもしれない。 わたしは途中までしか参加できなかったけど、内容は「大きいデザイン」の話だった。 最近は、わたしも大きいデザインに携わることが多くなってきてやっとわかってきた。世の中には、大きいデザインと小さいデザインがあることが。 なにが大きくてなにが小さいのかは、厳密な定義はないし人によってちがうとおもうのと、そんなに重要ではないので特に言及しませんが、大きくわけるとそういうふたつの考え方があるということ。 ベタですが、建築でいうと、 大きいデザイン：設計 小さいデザイン：実際の施工 といったイメージです。 大きいデザインとは 大きいデザインは、「人」と「もの、こと」が結びつくのを実現するために
エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
UIデザイナーとWebデザイナーの違いって？ Webデザインを始める前に知っておきたいこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 Pooleチームのアートディレクターの竹原です。 本日よりLIGデザイナー陣による新連載「Webデザインをはじめよう」が始まります。この連載はこれからWebデザイナーを目指す人、またWebデザインへの興味を深めたい人に向けた連載です。 Vol.1ではWebデザイナーの仕事の内容や、制作に必要なマシンやツールのご紹介、Webサイト１つ作るのに具体的にどんなものをデザインすればいいのかについてご紹介します。またVol.2以降では、Webデザイナーが知っておくべきHTML/CSSの基礎知識や、Webサイトを実際にデザインしていく過程をご紹介していく予定ですので、お楽しみに。 さて、Vol.1の第一回目となる今回は、本題であるWebデザインの説明に入る前に、そもそも「デザイン」とは何なのか、「デザイナー」とはどういう職業なのかについて簡単ではありますが、ご説明できればと思います。 そ
はてな 種村司と考える、Webサービスのアートディレクターという存在 ‐「村上さんのところ」の場合‐ | キャリアハック（CAREER HACK）
村上春樹が質問に応えてくれる、新潮社運営・はてな協力の特設サイト「村上さんのところ」を覚えているだろうか。更新を毎日楽しみにしていた人、ステキな体験として未だに記憶している人も多いはず。そのアートディレクションを手がけたのが種村司さんだ。彼と一緒に「デザインにとって本当に大切なこと」を考えた。 「村上さんのところ」のデザインの裏側に迫る！ 小説家の村上春樹さんが読者の質問にとにかく答えまくった新潮社運営・はてな協力の特設サイト「村上さんのところ」。質問の受付期間は17日だったにも関わらず、寄せられた質問総数は37,465通（村上さんはすべてに目を通し、そのうちの3,331通に返信）。PVは、公開日数119日でなんと1億を超えた。 「村上さんのところ」 その後、書籍化・電子書籍化が決定。村上さんと質問者とのやり取りを、既存の村上ファンをはじめ多くのネットユーザーが楽しんだ結果となった。このW
捨て案をつくるくらいなら | ツクロア - DESIGN LAB
私がまだ駆け出しの頃、遠い昔。 努力したにも関わらず良い結果が残せなかった記憶の一つに「とりあえずイメージが湧かないからビジュアルデザインを3案出してください」に従ったことがあります。 しかし、この行動が意外な結果になることもあって、こんな返事が来たりします。 「どれが良いのか決めきれなくなったんです、もう4案出してもらえますか？」 相手に決めきれない状況をつくってしまったのが自分であることに気づいたのは、それから随分経ってからです。 随分経った理由は、決めきれない相手のせいにして不満をつのらせていたからです。 毎週水曜更新のツクロアのデザインラボ、今回私のターンでは、何案もつくって提出すること自体が悪いということではないのですが、似通った案を提出するにはそれなりの根拠がないと相手を苦しめることになりかねない、という経験に基づいた話です。 本命と捨て案 こういったケースで、よくあるパターン
【コーポレートロゴができるまで】ヒアリング、コンセプト設計、デザインなどのプロセスをご紹介します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのまきこです。 先日、キスケ株式会社さまのコーポレートロゴのデザインを担当させていただきました。今回は、そのロゴができるまでの制作プロセスを、下記のように順を追ってご紹介します。ロゴデザインをする際の参考として、また、LIGでのロゴ制作の一例として読んでいただけますと嬉しいです。 今回ご紹介するロゴ制作のプロセス ヒアリング、情報収集 コンセプト設計、「らしさ」の発見 デザイン ご提案 修正、ブラッシュアップ 完成 はじめに まずはじめに、今回コーポレートロゴの制作をご依頼いただいた企業さまと、制作に携わったLIGメンバーのご紹介をさせてください。 ご依頼いただいた企業さま コーポレートロゴ制作をご依頼いただいたのは、キスケ株式会社さま。昭和27年に創立し、愛媛に本社を、東京に営業所を構え、アミューズメントや不動産などの事業をおこなっている企業さまです。 キスケさまに
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
歯科予約システムの治療履歴画面（デザイン編1） | ツクロア - DESIGN LAB
「なぜこういうデザインになったのか」というデザインフローシリーズ。 前回までは、情報のグルーピングから、歯の番号の図をどう入れるか、と日付の秘密をお伝えしました。 歯科予約システムの3回目の今回は、「デザイン編1」としてどういうデザイン（レイアウト）に展開できるか、そしてその意味を解説していきます。 色については次回に。。 前回までの話を読んでいない方はまずこちらからお読みください。 歯科予約システムの治療履歴画面（基本） ｜ DESIGN LAB by tuqulore 歯科予約システムの治療履歴画面（応用） ｜ DESIGN LAB by tuqulore 前回の記事に関して受けた指摘 さて本題に入る前に、前回の応用編で歯の番号の図を入れたわけですが、SNSで次のような指摘が入りました。 「カルテって、ふつう左右逆に書くもんじゃないですか？」 たしかに！！ 整形外科のカルテなどを見ても
デザインに何度も社内チェックを入れることの大切さ | ベイジの日報
うちの会社はデザインの社内チェックを非常に重視している。デザイナーが初案を作り上げてからクライアント提出までに一週間近くかかることも特に珍しいことではない。 一方、採用の応募者や他社の方とお話をすると、デザインの社内チェックをほとんど入れない会社もあるようである。つまり、デザイナーがデザインを仕上げたらディレクターがそのまま持っていく、というケースである。さらに、今まで色々なキャリアのデザイナーと話をしてきたが、この社内チェックについて、否定的な考えを持っている人も少なからずいるようである。 そのベースになっているのは、主に以下のような考えではないだろうか。 出してみないと分からないんだからさっさとクライアントに見せた方がいい。 クライアントに直接ダメ出しをされた方がデザイナーが育つ。 物事はバランスだと思うので、この見解を全否定するつもりはない。しかし、それでもうちの会社では、デザインの
「インプットを伴わない直感の判断は信じない」日経電子版 × Sansan × @fladdict | キャリアハック（CAREER HACK）
日経電子版と名刺管理アプリ「Eight」を提供するSansan社のコラボ勉強会「アプリ開発勉強会」のレポート第2弾。今回はモバイルアプリで重要な「UI/UX開発」がテーマ。会場にはアプリ開発に携わるエンジニアを中心に、WEBデザイナー、情報システム担当者、サービス企画担当者など幅広い層のオーディエンスが集まった。 悩むことは悪じゃない、悩み続けることが悪！ 最初のトークセッションはSansan株式会社プロダクトマネージャー 廣瀬拓郎氏。 スマホアプリのデザインを内製化したのは1年前。当初アサインされた2名のスタッフはUIデザイン経験がほとんどゼロの状態からのスタートだったという。 「デザイン会社が作ってくれた初版のデザインから、UI/UXの細かいブラッシュアップをたくさんしてきたが、まだ全然やりきれてはいません。今日はどのように当社がUIに関する引き出しを増やし、UIを考える訓練をしてきた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
坪田 朋の2384年のノート
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
デザイナーの私と サービスをつくる私
新着記事
UXデザインに役立つフレームワーク5選【すぐに使えるテンプレ付き】 | カスタマーエクスペリエンス（CX）とは？ 基礎から実践までやさしく解説
