タグ

designに関するOkkyのブックマーク (211)

  • イラストの描き方を動画で学ぶ! - sensei by pixiv

    絵は基的に、描けば描くほど上手くなります。 しかし、やみくもに手を動かすのと、 基礎を意識して描くのとでは、 上達のスピードに差が出てきます。

    イラストの描き方を動画で学ぶ! - sensei by pixiv
    Okky
    Okky 2018/02/01
  • デザインと言語化|棚橋弘季 Hiroki Tanahashi

    何かをちゃんとデザインしようとすれば、様々なことを言語化することを想像以上にはるかに多く強く求められる。 いま誰を対象として考えているのか、問題をどのように捉えているのか、何を問題の原因と捉え、どのようにそれを解決しようと考えているのか。それはいったい、どのような価値がある何をデザインしようとしているのか。 これらを言語化するのは誰か説明するためというより、自分の想像力をより明瞭にするためだ。複数人でデザインに関わっているなら、チームとしてのイメージをクリアにするためである。 もちろん、デザインには言語化するよりもそれ以外の方法を取った方がいい部分はたくさんある。ただ、そうしたものを除いても、デザインの過程においては言語によって明らかにすべきことは想像をはるかに超えてたくさんある。 わかるということは、次に何のアクションをすればよいかがわかること例えば、自分が何のためにデザインしようとして

    デザインと言語化|棚橋弘季 Hiroki Tanahashi
    Okky
    Okky 2018/01/31
  • スタートアップのデザイン責任者がやるべきことまとめ|坪田 朋

    最近、相談を受ける事が多いデザインマネージャーの役割を経験をもとに書き出してみました。長いですが、迷った時の辞書代わりに使ってもらえるとありがたいです。 ここでは会社の規模が30名以上、デザイナー5名程度を超えた組織をイメージしてます。ユーザー体験に責任を持つサービスデザイン責任者と組織責任者の話は混同しないほうが良いので、今回は組織責任者にフォーカスしてます。 全体のストーリーはこのスライドで掴めると思いますが、もう少し具体的に実行した事などをリスト化したので参考になればと思います。 デザイン責任者として実行した事まとめデザイン責任者の仕事は何かを学ぶために行動してみた ・実績を上げてる会社へ一週間研修に行かせてもらい、成果をあげてる理由を分析して、100ページ位のレポートを作った。 ・池田さん、土屋さん、深津さんなど有識者に相談して感覚を掴んだ。 ・それらの行動は自分自身の勉強にもなっ

    スタートアップのデザイン責任者がやるべきことまとめ|坪田 朋
  • デザイナー向け認知科学/認知心理学の入門書 (2020.10.4追加編集)|yoshi_design

    はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんなを読んだらいいですか?」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験(国語)で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、1)デザイナー向けに、2)仕事に役に立つ、3)入門書、 という観点で選びました(前半の入門編)。 (僕自身は、多摩美術大学の大学院生の時に、須永剛司教授(現・東京藝大)の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学/認知心理学を学び、それがその後のインタラクション研究に続いていきます。) 後半の中級〜上級編には名前がよく出てくる有名

    デザイナー向け認知科学/認知心理学の入門書 (2020.10.4追加編集)|yoshi_design
    Okky
    Okky 2018/01/19
  • UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート

    PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事(腹立たしいことに4ページ目はたった1行だったりする)、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。「誰が好き好んでこんなUIを作るものか」と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか? その負のス

    UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート
    Okky
    Okky 2017/12/20
  • バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -

    忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか?私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「当にこれギャグじゃないの?」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは?とご指摘頂きました。

    バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -
    Okky
    Okky 2017/12/07
  • バッドデザイン賞を勝手にノミネートしてみた-2017年度版-|おり

    忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか? 私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「当にこれギャグじゃないの?」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは?とご指摘頂きました

    バッドデザイン賞を勝手にノミネートしてみた-2017年度版-|おり
    Okky
    Okky 2017/12/07
    バッドデザインとは何か、ということを理解してもらうためには良い事例
  • THE GUILD勉強会『Atomic Design & Sketch』

    11月30日のTHE GUILDさまの勉強会にてお話させて頂いた時の資料です。 詳細は https://yory.design/note/theguild-atomicdesign-sketch/

    THE GUILD勉強会『Atomic Design & Sketch』
    Okky
    Okky 2017/12/05
    実際運用に載せていきたいけどWordPressのようなCMSとプラグインを使ってる場合でも問題なく運用できるか不安(´・ω・`)
  • デザイナーと働くなら知っておきたい4タイプのデザイナー像 | ベイジの社長ブログ

    世間一般ではデザイナーは一括りに語られがちですが、デザイナーも千差万別、一人一人に個性があり、異なる価値観を持っています。この多種多様なデザイナーを一種類にまとめて扱うことは、デザイナーとのミスマッチに繋がり、デザイナーを擁する組織のマネジメントにとって、深刻な問題を引き起こすこともあります。 自分自身は経営者兼デザイナーとして仕事をし、今まで多くのデザイナーを見てきました。その私の経験則でいえば、デザイナーは大きく4つのタイプに分類できると考えています。例えば採用面接などで新たにデザイナーと出会った際には、まずはこの4タイプを手がかりにして、その方の理解を深めていったりします。 私が考えるデザイナーの4つのタイプとは、縦軸に「挑戦的」「保守的」、横軸に「感覚的」「論理的」を置いた4象限で表現できます。以下がその図です。 ここからは、理想実現型、成果追求型、共同作業型、実務遂行型の順に、そ

    デザイナーと働くなら知っておきたい4タイプのデザイナー像 | ベイジの社長ブログ
  • 知財教材「デザイナーが身につけておくべき知財の基本」 | 経済産業省 特許庁

    Okky
    Okky 2017/11/24
  • 「ユーザーが行動をおこす条件」の話|深津 貴之 (fladdict)|note

    新入社員のこばかなさんが、「こばかなスケッチ」という自分企画を頑張っている。THE GUILDでの日々の仕事と、読書で学んだことを、一枚のスケッチにまとめるチャレンジだ。 彼女のスケッチが溜まってきたので、復習とサポートを兼ねて、解説を書いていきたい。第二回はこの絵。 行動 = 動機 × 実行能力 × きっかけ今回のこばかなさんのイラストは、「フォッグの消費者行動モデル」という概念モデルだ。ざっくり言うと、ユーザーが行動を起こすために必要な3条件を示している。 このモデルでは、「ユーザーが何かアクションを起こす」条件を、 B = MATという、とてもシンプルな式で表現する。 その意味は、「行動(Behavior)」には、「動機(Motivation)」と「実行能力(Ability)」があるタイミングで、「きっかけ(Trigger)」が訪れなければならない…というものだ。 ・動機(Motiv

    「ユーザーが行動をおこす条件」の話|深津 貴之 (fladdict)|note
    Okky
    Okky 2017/11/20
    人の動かし方
  • 【簡単】写真を淡い水彩画風に加工するチュートリアル:Photoshop | 小樽総合デザイン事務局|ホームページ制作・デザイン・LINEスタンプ制作

    2016/11/17 IT・デザイン, デザイン Photoshop, イラスト, チュートリアル, デザイン 【簡単】写真を淡い水彩画風に加工するチュートリアル:Photoshop はコメントを受け付けていません 小樽総合デザイン事務局 Photoshopで写真を水彩画風に加工します。 フィルターだけで変換すると、いかにも写真加工って感じですよね。 今回はなるべく自然な仕上がりになるようにしてみました。 ▼加工に使用した写真はこちら ▼完成イメージはこちら ▼ちなみにフィルターだけで加工したものはこちら 作業に使用した画像サイズは5815×3877です。 サイズによって設定数値が変わりますので、適宜変更してください。 1. ベースを作る フィルター > Camera Rawフィルター 今回は ・露光量は高く(明るく) ・淡い感じにしたいので明瞭度は低く ・色のメリハリをつけるために、彩度

    【簡単】写真を淡い水彩画風に加工するチュートリアル:Photoshop | 小樽総合デザイン事務局|ホームページ制作・デザイン・LINEスタンプ制作
  • 決して止まらないカイゼン体制を作りたい | 深津 貴之 (fladdict) | note

    中長期のための大きなデザインも大事だけど、そのために日々の改修が犠牲になってはならない(その逆は言語道断)。そんなわけで、しばらくの間は、1〜2日で終わる小さな改修を、コンスタントにnoteチームに提案したいなぁと考えている。 もちろん、「リソースが許せば」だけれども。なぜならpiece of cakeにはまだデザイナーが1人しかいないことだ。そんなわけで、中長期でどういうチームを作るべきかウンウン唸っている。 並行して走るスロットが3-4つ欲しい理想を言えば、デザイン/開発リソースを3つのグループにわけたい。「大局リソース」、「開発リソース」、「カイゼンリソース」の3つだ。これらはそれぞれ独立しているのが望ましい。複数のレイヤーを1人のスタッフが兼任していると、どれかが忙しくなると、他の全てがストップしてしまうからだ。 大局リソース ガイドライン、コンポーネントなど、会社全体にストックさ

    決して止まらないカイゼン体制を作りたい | 深津 貴之 (fladdict) | note
    Okky
    Okky 2017/10/06
    こういうチーム編成にうちもしたい……
  • 説得する力 : ワンページメモライティング | FICCナレッジブログ | FICC

    わたしたちの仕事は何か? どんな職業にも共通する、欠かせない仕事があります。NYタイムズ・ベストセラー作家のダニエル・ピンクは、著書の『人を動かす、新たな3原則』の中で、私たち誰もが日常的にセールスを行っていると述べています。販売や営業職のように、直接顧客を説得する職業以外でも、誰もが上司や同僚、友人や家族など、様々な協力者に自身の考えを売り込みながら、物事を進めているのです。 わたしたちの仕事は「説得」 私たちの仕事は、相手を「説得」することです。客観的な事実を述べ、相手に自らの意思でその行動を変えてもらいます。そのためには、たくさんの情報を集め、簡潔に、順序立ててその情報をまとめ上げ、相手の心が動くように伝えます。この中で最も重要なのは、情報を正しく「順序立てる」ことです。情報を正しく整理することができるようになれば、どんな相手でも説得できるでしょう。 態度変容のプロセス 正しい情報の

    説得する力 : ワンページメモライティング | FICCナレッジブログ | FICC
    Okky
    Okky 2017/08/28
  • 映画館のWeb予約システムは“エンタメ”となるか? 立川シネマシティの施策

    東京は立川にある独立系シネコン、【極上爆音上映】等で知られる“シネマシティ”の企画担当遠山がシネコンの仕事を紹介したり、映画館の未来を提案するこのコラム、第16回は“Web予約でエンタメできるか?”というテーマで。 『ガールズ&パンツァー劇場版』で日各地の音響の優れた映画館を回っては音響を監修され、映画興行の新たな地平を切り拓いた岩浪音響監督がまたも各地を尋ね、特別音響で上映するという新しい試みが話題のSFアニメーション『BLAME!』の上映が始まりました。 『シドニアの騎士』の二瓶勉が原作で、劇場公開初日からNetflixでの配信も開始されているという、今世界的に増えつつあるスタイルの公開でもあります。 Netflixの会員ならば映画館に行かずとも自宅で観られ、それどころか日付が変わったと同時に、劇場の初日朝イチ回よりも早く観られるわけです。良い時代になりました。しかしこれは映画館とし

    映画館のWeb予約システムは“エンタメ”となるか? 立川シネマシティの施策
    Okky
    Okky 2017/05/26
    誰のためにどんな仕組みにするか考え抜かれてるなあ
  • Logobook - Discover the worlds finest logos, symbols and trademarks

    Discover the worlds finest logos, symbols & trademarks. Letters & Numbers

  • http://www.ogura.blog/entry/2017/02/28/190245

    http://www.ogura.blog/entry/2017/02/28/190245
    Okky
    Okky 2017/02/28
    新しいコミュニケーションアプリが生まれると良いな
  • ロゴデザインの作り方と重要性をデザイナーが解説 | OMGmag

    「自分だけのオリジナルロゴデザインが欲しい」そんな事を考えたことはありませんか?ブログやWEBサイトデザインにおいて重要なパーツのひとつがロゴデザインです。小さなマークですが、デザインの善し悪しでサイトの印象がガラッと変わってしまう重要な要素のひとつです。 この記事ではロゴデザインの重要性や作るときの考え方を実際にロゴデザインをひとつ作成しながらを紹介してみたいと思います。 デザインする際の参考になれば幸いです。 ロゴマークの重要性 ロゴマークとは会社やお店で言うところの看板になります。 ナイキやスターバックスコーヒーののロゴデザインは?と聞かれたら多くの方はすぐにそのデザインを思い浮かべることができますよね。いわばイメージのすり込みです。まず看板となるロゴマークを消費者に印象付けることができれば次に商品やサービス内容を自然とイメージしてもらえます。 以上のことからロゴマークは認知度を上げ

    ロゴデザインの作り方と重要性をデザイナーが解説 | OMGmag
  • ビールの色とカラーコード/カラーチャート&SRM/EBC⇔RGB/CMYK変換 - BR navi びあなび.com

    「ビールの色 (濃淡)」 を測定する基準として、[ SRM ] と [ EBC ] があります。ビールや麦芽の粒の 「色」 度数を示す単位として使用されている客観的な指標です。 ここではそんなビールの色の測定値 SRM/EBCの概要紹介と、RGB/CMYKといったカラーコードとの変換やカラーチャートを掲載しています。 [ index ] ■ ビールの色を表現・測定する 2つの基準値 ■ SRM/EBCとビールの色、RGB/CMYKカラーコード対照例 ■ SRM ⇔ EBC 換算・変換式 ■ ビールの系統色/カラーチャート(色見) ビールの色を表現・測定する 2つの基準値 ビールの色は、ベースモルトの種類、麦芽の焙燥 (温風乾燥、ロースト) 具合による色合いと、その配合の割合によって決まります。 アルコールの強さを表すアルコール度数 [ABV / Alcohol By Volume] が

    ビールの色とカラーコード/カラーチャート&SRM/EBC⇔RGB/CMYK変換 - BR navi びあなび.com
    Okky
    Okky 2016/12/19
  • 深津さんによる経営者、開発者に向けたつぶやき

    深津 貴之 / THE GUILD / note @fladdict (…世界中のプロダクトオーナーの皆様…聞こえますか… いまあなたの心に直接語りかけています… 新機能を1つ追加したら…旧機能を2つ消すのです…実際にできるかはともかく、そういう気分で仕事をするのです…無駄な機能をい止めることこそ大事なのです…) 2016-11-28 16:31:18 深津 貴之 / THE GUILD / note @fladdict (…世界中のプロダクトオーナーの皆様…聞こえますか… いまあなたの心に直接語りかけています… 新機能を1つ追加したら…旧機能を2つ消すのです…実際にできるかはともかく、そういう気分で仕事をするのです…あなたが…最後の防波堤…なのです…) 2016-11-28 16:33:57

    深津さんによる経営者、開発者に向けたつぶやき
    Okky
    Okky 2016/12/02