「しおり」作成から見えるKOELのものづくりカルチャー—共創ワークショップ「みらいのしごと after 50」(2)｜KOEL Design Studio by NTT Communications｜note
こんにちは、KOELの稲生です。2021年5月に新卒のUXデザイナーとしてKOELにジョインしました。 山口県にある山口情報芸術センター[YCAM]にて、11月6日（土）、7日（日）の2日間に渡って開催したワークショップ「みらいのしごとAfter 50 〜50代以降の働き方、生き方を、地域で創造的に暮らす高齢者に学び、構想する〜」についての記事の第2弾をお届けします。 このワークショップは、KOEL・RE:PUBLIC・山口情報芸術センター[YCAM]が共同で開催しました。ワークショップの背景や進み方については前回の記事をご覧ください。 今回のワークショップでは事前準備の段階で、進行を円滑に進めるために60ページにも及ぶ「しおり」を作成しました。スケジュールだけでなく、テーマに関する事例をまとめたページや書き込みのできるワークシート、インタビューのポイントなど、ワークショップのあらゆる内容
元制作会社のデザイナーが発注側でも活躍できる3つの理由｜KOEL Design Studio by NTT Communications｜note
こんにちは。KOELのUIデザイナーの荒砂です。突然ですが、KOELは2021年4月6日（火）にWebサイトをリニューアルしました。新しいサイトはこちらからご確認いただけます。 KOEL Design Studio by NTT Communications 2020年のKOEL発足から1年が経過し、メンバーも倍以上に増え、組織作りも急速に進みました。しかしこの変化をWebサイトで伝えられていないことが課題となっていました。刷新は急務となり、1月にリニューアルプロジェクトが発足。約2ヵ月という短期間で新Webサイトは生まれました。 今回のWebサイト、ビジュアルを一新するような「フルモデルチェンジ」ではなく、以前からの印象は活かしつつ、現状のKOELを漏れなく見える化した「マイナーチェンジ」に近いものになっています。支援領域、事例、メディア情報が集約され、KOELの情報発信の起点としての役
デザイナー採用担当が教える！ワンランク上のポートフォリオ10のヒント
2020年、転職にあたってポートフォリオを作った際の制作ノウハウ記事が、同じ境遇にある多くの方に見ていただけました。その流れでとある企業から「イベントでこの内容話してみませんか？」とお誘いをいただきました。せっかくなのでそのイベントでは記事にまとめた内容とは別のコンテンツを準備してお話させていただきました。 つくづく私は、ポートフォリオは自分目線の作品集ではなく、受け手目線のプレゼンツールであるべきだと考えています。イベントではそんな考えを「10のヒント」と題してお伝えしました。そして約半年経った今、当時のイベント動画が7日間限定で公開されることになったので、私もブログでその内容を公開したいと思います。 10のヒントは、ポートフォリオを作り始める前にどんな人たちにプレゼンするのかを考えた「準備編」と、作る際に採用担当者に伝わりやすくする技術を伝えた「制作編」の2部構成です。このエントリーで
デザインシステム初心者が勉強会を開いて知った泥臭く生々しい5つの運用ヒント｜Tomoyuki Arasuna
ここ数年よく耳にするようになった「デザインシステム」という言葉。なんとなくチームの生産性を上げる方法論くらいには理解しているけど、本を読んでも教科書的な話しか無くていまいちピンとこない、と思った人は多いのではないでしょうか。私もそう感じる中の一人でした。 デザインシステムは業種、職種、組織規模、事業形態によって目指すべき形が変わるものです。また、組織の中で定着させるための定型的なフォーマットが無いので、なかなか本格的に手が出しにくい、やってはいるものの上手くいってるか分からない、といった方も多いのではないかと思います。 私もデザインシステムの制作・運用経験は少ないのですが、今の現場でもニーズが高まっており、もっと本格的に理解したいと考えました。また同じように感じる人も多いのでは？という思いから、Twitterで「雑談会しませんか？」と呼び掛けたところ、7名の方が集まってくださいました。 雑
元デザイナー採用担当が教える、選考通過率の高いポートフォリオ作成術
ここ最近、転職するにあたって約10年ぶりにポートフォリオを作りました。私は元々ポートフォリオ作りが苦手で、力が入りすぎていつまでたっても完成しない…といった状況になりがちだったのですが、今回はわりとすんなり完成しました。 その理由は、ここ数年でデザイナーの採用に関わり、採用担当者の目線で沢山のポートフォリオに目を通す機会が増え、作成において気をつけなければならない点がなんとなく分かるようになったからだと感じています。 そこで今回は、こんなポートフォリオなら選考を通過しやすいのでは？と思うことをまとめてみたいと思います。尚、考え方は企業や採用担当者によって異なるので、あくまでも個人の考えとしてご参照ください。 作成前に踏まえておきたい認識 そもそもポートフォリオとは まず辞書で「ポートフォリオ」の意味を調べてみると、「紙挟み」「折鞄（おりかばん）」とあります。これは書類をまとめて入れておくケ
タグ : 私たちの気付かない漫画のこと 一覧ページ｜Zing!
情報コンテンツサービス終了のお知らせ 2020年9月30日（水）をもちまして、以下コンテンツを終了いたしました。 【終了するコンテンツ】 Zing! 長らくご愛顧いただきました皆さまに感謝を申し上げますとともに、ご理解を賜りますようお願い申し上げます。 トップページ - サイトマップ - お問い合わせ
デザインに立体表現を取り入れるときのセオリー×6 | ベイジの社長ブログ
iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー１：現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか？ 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」（＝影）の基本ルールです。
パワポでの提案書作りに役立つデザイン基礎知識まとめ | ベイジの社長ブログ
ビジネスマンを悩ませるパワーポイントでのデザイン作業エクセルやワードと並び、社会人の必須ツールであるパワーポイント。しかしこのパワーポイントが普及したおかげで、デザインで苦しむビジネスマンが増えたのではないでしょうか？ 私自身は、元々はSIerで企画営業の仕事に携わっており、そこでは提案書作成用のツールとしてパワーポイントに触れていました。その後Webデザイナーとしてのキャリアを歩み、商業デザインに必要なセオリーや理論を現場で学んできました。このようにビジネスマンとデザイナーの両面を学習してきた私から見てもやはり、普通のビジネスマンにとっては、パワーポイントのデザインというのは敷居が高く、難しいものであると痛感します。 そしてこれはただ単に、デザインって難しいよね、といって済む話ではなく、ビジネスマンの主体業務である知識労働の時間が、主体業務ではないデザイン作業に奪われているという、大きな
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
込められた意味がよく分かるクリエイティブなロゴいろいろ
Webデザイン意味を持たせる 以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 インスピレーション向上に。 以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 ロゴ制作をされてる方にも 少しは参考にして頂けるかと 思ってシェアしたいと思います。 こういうロゴを作りたい、というロゴ集です。どのロゴでも意味はあるのでしょうが、どの国の人が見ても、意味が分かるようなロゴはなかなか凄いですよね。インスピレーション向上になります。冒頭の「以前の記事」もよかったら。 City Cliq 指とボタンでcliqを表現しつつ、指とボタンが「太陽と街(city)」にも見えるように工夫されています。 City Cliq Birdie バーディとバードをかけて、アイアン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GunosyのUIを徹底的に分析してリデザインしてみた