こんにちは、KOELの稲生です。2021年5月に新卒のUXデザイナーとしてKOELにジョインしました。 山口県にある山口情報芸術センター[YCAM]にて、11月6日（土）、7日（日）の2日間に渡って開催したワークショップ「みらいのしごとAfter 50 〜50代以降の働き方、生き方を、地域で創造的に暮らす高齢者に学び、構想する〜」についての記事の第2弾をお届けします。 このワークショップは、KOEL・RE:PUBLIC・山口情報芸術センター[YCAM]が共同で開催しました。ワークショップの背景や進み方については前回の記事をご覧ください。 今回のワークショップでは事前準備の段階で、進行を円滑に進めるために60ページにも及ぶ「しおり」を作成しました。スケジュールだけでなく、テーマに関する事例をまとめたページや書き込みのできるワークシート、インタビューのポイントなど、ワークショップのあらゆる内容

こんにちは。KOELのUIデザイナーの荒砂です。突然ですが、KOELは2021年4月6日（火）にWebサイトをリニューアルしました。新しいサイトはこちらからご確認いただけます。 KOEL Design Studio by NTT Communications 2020年のKOEL発足から1年が経過し、メンバーも倍以上に増え、組織作りも急速に進みました。しかしこの変化をWebサイトで伝えられていないことが課題となっていました。刷新は急務となり、1月にリニューアルプロジェクトが発足。約2ヵ月という短期間で新Webサイトは生まれました。 今回のWebサイト、ビジュアルを一新するような「フルモデルチェンジ」ではなく、以前からの印象は活かしつつ、現状のKOELを漏れなく見える化した「マイナーチェンジ」に近いものになっています。支援領域、事例、メディア情報が集約され、KOELの情報発信の起点としての役

2020年、転職にあたってポートフォリオを作った際の制作ノウハウ記事が、同じ境遇にある多くの方に見ていただけました。その流れでとある企業から「イベントでこの内容話してみませんか？」とお誘いをいただきました。せっかくなのでそのイベントでは記事にまとめた内容とは別のコンテンツを準備してお話させていただきました。 つくづく私は、ポートフォリオは自分目線の作品集ではなく、受け手目線のプレゼンツールであるべきだと考えています。イベントではそんな考えを「10のヒント」と題してお伝えしました。そして約半年経った今、当時のイベント動画が7日間限定で公開されることになったので、私もブログでその内容を公開したいと思います。 10のヒントは、ポートフォリオを作り始める前にどんな人たちにプレゼンするのかを考えた「準備編」と、作る際に採用担当者に伝わりやすくする技術を伝えた「制作編」の2部構成です。このエントリーで

ここ数年よく耳にするようになった「デザインシステム」という言葉。なんとなくチームの生産性を上げる方法論くらいには理解しているけど、本を読んでも教科書的な話しか無くていまいちピンとこない、と思った人は多いのではないでしょうか。私もそう感じる中の一人でした。 デザインシステムは業種、職種、組織規模、事業形態によって目指すべき形が変わるものです。また、組織の中で定着させるための定型的なフォーマットが無いので、なかなか本格的に手が出しにくい、やってはいるものの上手くいってるか分からない、といった方も多いのではないかと思います。 私もデザインシステムの制作・運用経験は少ないのですが、今の現場でもニーズが高まっており、もっと本格的に理解したいと考えました。また同じように感じる人も多いのでは？という思いから、Twitterで「雑談会しませんか？」と呼び掛けたところ、7名の方が集まってくださいました。 雑

ここ最近、転職するにあたって約10年ぶりにポートフォリオを作りました。私は元々ポートフォリオ作りが苦手で、力が入りすぎていつまでたっても完成しない…といった状況になりがちだったのですが、今回はわりとすんなり完成しました。 その理由は、ここ数年でデザイナーの採用に関わり、採用担当者の目線で沢山のポートフォリオに目を通す機会が増え、作成において気をつけなければならない点がなんとなく分かるようになったからだと感じています。 そこで今回は、こんなポートフォリオなら選考を通過しやすいのでは？と思うことをまとめてみたいと思います。尚、考え方は企業や採用担当者によって異なるので、あくまでも個人の考えとしてご参照ください。 作成前に踏まえておきたい認識 そもそもポートフォリオとは まず辞書で「ポートフォリオ」の意味を調べてみると、「紙挟み」「折鞄（おりかばん）」とあります。これは書類をまとめて入れておくケ

先日アップデートされたMaterial Designですが、その背景や内容をご存知でしょうか？ I/O18の内容を踏まえたMaterial Design（マテリアル デザイン）のイベントがGoodpatchさんにて開催されました。 登壇者は以下の4名です。Googleの鈴木さん以外は登壇資料が公開されたので、記事後半にてまとめています。 本記事ではイベントで取り上げられたMaterial Designの成り立ちやアップデート内容、今後目指しているところなどを中心にまとめています。Material Designをあまり読んだことがない方でもわかるように一部図を加えています。 Material Designはデザイナーとディベロッパー間の新たな共通言語 Material Designが生まれた背景 Material DesignとはGoogleが2014年に発表したデザインのフレームワークです

うちの会社はデザインの社内チェックを非常に重視している。デザイナーが初案を作り上げてからクライアント提出までに一週間近くかかることも特に珍しいことではない。 一方、採用の応募者や他社の方とお話をすると、デザインの社内チェックをほとんど入れない会社もあるようである。つまり、デザイナーがデザインを仕上げたらディレクターがそのまま持っていく、というケースである。さらに、今まで色々なキャリアのデザイナーと話をしてきたが、この社内チェックについて、否定的な考えを持っている人も少なからずいるようである。 そのベースになっているのは、主に以下のような考えではないだろうか。 出してみないと分からないんだからさっさとクライアントに見せた方がいい。 クライアントに直接ダメ出しをされた方がデザイナーが育つ。 物事はバランスだと思うので、この見解を全否定するつもりはない。しかし、それでもうちの会社では、デザインの

iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー１：現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか？ 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」（＝影）の基本ルールです。

2013.08.18 GunosyのUIを徹底的に分析してリデザインしてみた この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/redesign-of-gunosy-ui/

English Čeština Dansk Deutsch Español Français Italiano Nederlands Norsk Polski Português Pусский Suomi Svenska Türkçe 日本語 한국어 中文(简体) 中文(繁體)

ビジネスマンを悩ませるパワーポイントでのデザイン作業エクセルやワードと並び、社会人の必須ツールであるパワーポイント。しかしこのパワーポイントが普及したおかげで、デザインで苦しむビジネスマンが増えたのではないでしょうか？ 私自身は、元々はSIerで企画営業の仕事に携わっており、そこでは提案書作成用のツールとしてパワーポイントに触れていました。その後Webデザイナーとしてのキャリアを歩み、商業デザインに必要なセオリーや理論を現場で学んできました。このようにビジネスマンとデザイナーの両面を学習してきた私から見てもやはり、普通のビジネスマンにとっては、パワーポイントのデザインというのは敷居が高く、難しいものであると痛感します。 そしてこれはただ単に、デザインって難しいよね、といって済む話ではなく、ビジネスマンの主体業務である知識労働の時間が、主体業務ではないデザイン作業に奪われているという、大きな

Mushroom Mixology: Crafting One-of-a-kind Drinks with the very best Mushroom Coffee Introduction In current years, the world of beverages has seen a fascinating trend: mushroom mixology. By combining typical coffee with various mushrooms, ingenious drink lovers have actually produced distinct concoctions that not only entice the palate but also provide many health advantages. If you wonder about e

Quickly and simply build a personalized website to showcase your creative work with Adobe Portfolio. Now included free with any Creative Cloud subscription.

鮮やかな色彩と、コピーが印象的なルミネの広告。 この広告がすごいところは ポスターをみた女子、誰もが「あるある」と共感し、 当事者意識をもってしまうところ。 そこをつくのかー、という絶妙なオンナゴコロに触れていて、 コピーってすごいなと改めて感じます。 コピーライター：博報堂　尾形真理子さん ※画像はルミネサイトのギャラリーから引用させて頂きました。 誰かの心を 灯したくて 私は着飾る。 わたしが着るから、 この服は笑う。 恋が終わるのなら、 せめて夏がいい。 試着室で思い出したら、 本物の恋だと思う。 お気に入りを着ていれば、 作った笑顔は必要なくなる。 本当の好きに近づくために、 なにが嫌いか知っておく。 泣きたくなったら、 さっさと着替える 嬉しいも哀しいも 表情より 着ている服で 伝わっていく たったひとつの恋が欲しくて どれだけの涙をこぼしただろう。 夜中にしぼんだ恋ごころも 目

スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

HISTORY 60年以上もの長い歴史を持つ 世界的な育児ブランド グレコは1942年にアメリカで金属製品の会社としてスタートした世界的な育児用品ブランドです。 さまざまな国や文化のもとで鍛えた技術や品質、育児のノウハウに基づいた使いやすくて楽しい製品を展開しています。 GRACO JAPAN 日本企画製品も展開 アフターサービスも安心 日本では、世界で人気のベビー用品に加えて、日本のママ・パパに向けた製品も展開。 さらに、アフターサービスはアップリカと同じニューウェルブランズ・ジャパン合同会社ベビー事業部による安心サポート体制です。 PRODUCTS 育児の「困った」を解決する 個性的なグレコのベビー用品 シティトレック 買い物カゴがそのまま積める3輪ベビーカー。荷物問題を解決します。 フロアツーテーブル お子さまの成長に合わせて7通りに変化するハイチェア。2人で使うこともできます。 マ