新人デザイナーが入社後スキルアップした研修3step - NRIネットコムBlog
初めまして。NRIネットコムに入社し2年目になる、新人デザイナーの馬場です。 Webのコンテンツ制作を生業としているチームで、様々な会社のWebサイトやUIデザインを制作しています！ 私が入社し実際の業務に参画するようになったのは、着任してから3ヶ月後です。 ではその3ヶ月間は一体何をしていたのかというと、日々研修を受けていました。 研修といってもお金を払って外部の講師に教わるものではなく、私が所属しているチームで実際に活躍しているデザイナー・ディレクターが直々に講師となり考えた、オリジナルな内容の研修でした。 なので、研修といえど実務に近いリアルな業務を体感することができました。 ほぼ知識ゼロの新人を一人前のデザイナーとして育て上げていくカリキュラムとして、「デザイン研修」「ディレクション研修」「HTMLコーディング研修」の3つの項目で構成されていました。 今回はその中でも「デザイン研修
【悪いUI・良いUI】発想の転換から打開したアイデアまで【デザイン思考】｜Angry Breakfa$t
※某まとめサイトにてまとめていた記事の転用です BASENAME: 2150782012031271001 STATUS: Publish ALLOW COMMENTS: 1 ALLOW PINGS: 1 CONVERT BREAKS: richtext DATE: 12/06/2018 00:54:50 良い・悪いと思ったデザイン例からデザイン思考、デザインに関した事例などを多数サイトやSNSでの投稿を参考・引用してまとめました。 ■はじめにデザインに関する疑問や、ここでの前提をまずまとめていきます。 ―――デザインとは？ （design）の語源は、デ（de：削る）・ザイン（sign：形作る）である。これはラテン語で「私欲を削り落とし、本質を磨き上げること」を意味する。 出典 なぜゴッホは貧乏で、ピカソは金持ちだったのか? | 山口 揚平 |本 | 通販 | Amazon デザイン（de
デザイナーのタカヤ・オオタ氏とProgate新ロゴを作り上げるまでの道のり。制作過程を全部お話します！｜Progate
デザイナーのタカヤ・オオタ氏とProgate新ロゴを作り上げるまでの道のり。制作過程を全部お話します！ Progateはこの度、デザイナーのタカヤ・オオタ氏に依頼し、創業以来初のリブランディングを行いました。 新ロゴのコンセプトはProgateの新ミッション”Be the gate, be the path.”。 Progateがプログラミングというエキサイティングな世界へのゲート（入口）となり、さらにそこから自走するエンジニアになるまでのパス（道のり）となるという意味を込めて、入口のドアと道をひと続きに表現しています。 8ヶ月に渡るプロジェクトを率いたProgate社員のデザイナー大野と屋宜が、タカヤさんをお迎えし、新ロゴ制作過程を振り返りました。 今日は、制作過程を対談形式で一挙公開します！ タカヤ・オオタ 株式会社ケルン 代表。1989年沖縄県生まれ。大学卒業後、デザイン事務所で幅広
イラストレーターの使い方～初心者から情報をアップデートしたい中級者以上に向けて～ | DESIGN TREKKER
本サイトの記事は、「動画」に「デザイナーの現場感」を加えて、書籍以上のものを目指して書かれたものです。原則、初心者向けに書かれていますが、最新の機能も必ずいれるようにしていますので、中級者以上にも満足していただけると思います。 Illustrator（イラストレーター）は機能を覚えるというよりも、まずは作りたいものを作ってみるという覚え方が一番効率が良いです。 illustratorでできること ロゴ、アイコン、イラスト、文字組みなどを利用して雑誌の紙面やフライヤー、ポスターなどの平面のデザインをつくることを得意としたソフトです。 一方、よく比較されるPhotoshop（フォトショップ）は写真の加工や合成、色調整など、画像を扱ったデザインを得意とするソフトです。 illustratorとPhotoshopの違いはこちらから
ウェブデザイン制作が爆速に！便利な最新オンラインツール47個まとめ
ウェブデザイナーやグラフィックデザイナーのデザイン制作をスピードアップさせる、便利な最新オンラインツールをご紹介します。 ゼロから作ると時間のかかってしまいそうなことも、これらのツールを使うことで大幅に制作時間を短縮できるツールが揃います。今後のデザイン制作のワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. モックアップツール 2. デザインツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. サウンドツール 6. アイコン素材パック 7. コラボレーション、共同作業ツール 8. 面白ツール 9. フォント、書体ツール ウェブデザイン制作を爆速に！便利な最新オンラインツールまとめ モックアップツール Design Camera アニメーション付きの３Dモックアップを数秒で作
サービスに求められるものを、6段階に分類する｜深津 貴之 (fladdict)
「サービスの体験をよくする」というのが、漠然としてどうすればいいかわからないとき、まずユーザー体験を6段階に分類するのをオススメします。 この図をベースに、 ・あなたのプロダクトの現状 ・やろうとする施策やアップデートが、それぞれどのレイヤーに属するかを見て、基本は低レイヤー（機能より）のものから、充足させてゆきます。 下記は、家を例にしたのユーザー体験です。 Lv 0. 存在しない家がない。寒い。そして何も解決してない。 Lv 1. 機能がある屋根と壁と床がある。とりあえず雨風がしのげる。色々と我慢すれば、まぁ生きていける。 Lv 2. 安全と安心地震で壊れない。水漏れしない、火災報知器がついた、ドアに鍵がかかるようになった。最低限の信頼性が担保できる状態です。 Lv 3. 使いやすい、わかりやすいまっとうに使えるか。家のなかで迷わない。生活導線が機能するか。キッチンや冷暖房などがスムー
プロのUXデザイナーから学ぶ！デザインをする時にグレースケールで始めると、デザインがよくなる4つ理由
Webページやアプリをデザインする時、空白スペースが効果的に使えない、要素のグループ化や情報の構造化が苦手、そんなデザイナーの人にお勧めなのが、カラー無しのグレースケールでデザインを始めることです。 カラーを使用する前に、グレースケールでデザインを作成すると、レイアウトを明確に考えることができ、UXデザインの優先順位を決めることができます。 4 Reasons Why You Should Design Without Color First by Anand Satyan 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. レイアウトとスペースの扱いに集中できる 2. クライアントは適した質問をするようになる 3. デザインを作成する時の重要なポイント 4. デザインに一貫性を作り出す 1. レイアウトとスペースの扱いに集中
次世代タクシー配車アプリ「MOV《モブ》」のデザイン制作の背景とプロセス | DeNA DESIGN BLOG
こちらは「Service Designer’s Advent Calendar 2018」の20日目の記事です。 2018年12月5日に東京、神奈川でのサービスをスタートした、タクシー配車アプリサービス『MOV《モブ》』について、デザイナーがどんなことをしたのかを、DeNAデザイン本部飯島と久田がご紹介したいと思います。 2018年12月、DeNAはタクシー配車アプリサービス『MOV《モブ》』を東京、神奈川でスタートしました。 本サービスは「タクベル」という名称で、すでに2018年4月に神奈川県にてサービスをスタートしており、それを新たに『MOV《モブ》』として再スタートした形です。 ここでは、 どういう思いで変更をしたのか？ ロゴ制作の背景 一般のお客様向けAppにおいて、どういう対応をしたのか の3点に絞って、お話をしたいと思います。 まず変更に至った背景についてですが、大きく2つの理
会社のみんなでDaily UI Design Challengeに取り組んでみた話
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog credit: @takaha_shh, @chashi, @52shinNaka, 春野 健吾 ヤフオク!アプリ開発部の中島（@52shinNaka）です。 今日は最近会社の有志でやり始めたデザイン力向上のための取り組みを紹介したいと思います。 Daily UI Design Challengeとは？ Daily UI Design Challengeとは、2015年の10月ごろから西海岸のデザイナーが始めた取り組みで、毎日一つUIのお題が届くメーリングリストです。 一日に一回、こんな感じでメーリスが届くので、 与えられたお題に沿ってUIを作って、DribbbleやUplabsに投稿します。 DribbbleやUplabsとかで
UIデザイナーの能力開発ステップと鍛錬方法｜たけてつ
先日、経済産業省・特許庁の「デザイン経営」宣言もあり、デザインの重要性が話題になることが増えました。具体的には組織だったり、評価・報酬だったり、採用・育成だったり、多岐に渡っていると思います。 一方で「デザイナーがいない。」とよく聞きますし「誰かいない？」と相談も頂きます。そして、僕は、デザイナーの人口が増えて活躍することができれば、より良いプロダクトやサービスが溢れ、世の中はより良い方向に変わっていけるのではないか。と考えるようになりました。 では、デザイナー人口を増やすには、微力ながら自分で何かできないか。と考え、いろいろトライ&エラーした結果、同じ思想を持つCocoda!に出会い共感し、アドバイザーというカタチで力添えさせて頂くことになりました。 今回は、Cocoda!チームへの初アドバイスとして、"UIデザイナーになる、もしくは、より良いUIをアウトプットできるようになる為には、何
マクドナルドと任天堂：人気ブランドのWebデザインに見られる共通点 | Web Design Trends
マクドナルドのWebデザイン マクドナルドはファストフードの中でも代表的なブランドで、若者から年配の方まで幅広い層に愛されるハンバーガーチェーンです。 そんな日本マクドナルドの公式サイトのWebデザインが最近リニューアルされました。飲食チェーンのWebサイトと言えば予算の都合上そこそこのクオリティで、かつ管理しやすいようにテンプレートを活用したWebサイトが多い印象がありますが、マクドナルドのWebサイトはデザインのクオリティが非常に高く、競合チェーンと比べるととても作り込まれたWebサイトであることが分かります。。 Nintendo SwitchのWebデザイン 任天堂といえば、2017年にSwitchを発売し、一時は入手が難しくなるほどの人気ゲーム機となりました。 このSwitchのWebサイトのデザインが優れており、1人で集中して遊んだり、大人数で遊んだり、家族で遊んだりなど、Nin
【翻訳】SpotifyとApple MusicをUX視点で比較してみる｜designing
本記事はSean McGowan氏（Codalのテクニカルリサーチャー・ライター）が執筆した記事『UX Case Study: Spotify Vs. Apple Music Mobile Apps』を公式に許可をいただき翻訳したものです。『UX Case Study』は連載で、アプリをUXの観点で包括的にレビューしています。本記事が14回目。 今回ケーススタディを行うのは、最も比較されているモバイルプラットフォームのひとつであろう「Spotify」と「Apple Music」だ。 これら音楽ストリーミングサービスの二大巨頭は、強固にファンに支えられてきた。それと同時に、対比され続けてきた歴史を持つ。コスト、曲数、機能などが常に天秤に掛けられ、それを表すインフォグラフィックも世の中に数多く存在する。そのため今回は、純粋にUX観点で比較をしていきたい。 SpotifyとApple Music
ブーム到来か。ノングリッドデザインの魅力と参考になるWebサイト | Web Design Trends
既存の枠に囚われず、自由に画像やテキストをレイアウトする「ノングリッドデザイン」のWebサイトがここ最近で多く見られるようになってきました。 近年オリジナリティがWebデザインに強く求められるようになってきていて、従来のルールに従わず、個性を強調したようなWebサイトが増えてきていますが、ノングリッドデザインはまさにその特徴的な例の1つです。 今回はノングリッドデザインについて詳しくご紹介していきたいと思います。 2019年に流行するWebデザインの最新トレンド18個まとめ そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか... Web Design Trends ノングリッドデザインとは 一般的なWebサイトでは、縦方向や横方向に区切って
新しいマテリアルデザインとの向き合い方｜Ayaka Ikeda
先日アップデートされたMaterial Designですが、その背景や内容をご存知でしょうか？ I/O18の内容を踏まえたMaterial Design（マテリアル デザイン）のイベントがGoodpatchさんにて開催されました。 登壇者は以下の4名です。Googleの鈴木さん以外は登壇資料が公開されたので、記事後半にてまとめています。 本記事ではイベントで取り上げられたMaterial Designの成り立ちやアップデート内容、今後目指しているところなどを中心にまとめています。Material Designをあまり読んだことがない方でもわかるように一部図を加えています。 Material Designはデザイナーとディベロッパー間の新たな共通言語 Material Designが生まれた背景 Material DesignとはGoogleが2014年に発表したデザインのフレームワークです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EXPERIENCE JAPAN PICTOGRAMS
最新無料フォント100種！最新のデザインには最新のフォントを。2018年5月に登場した新作フリーフォント100選
2018年5月版【トレンド】世界中で流行りのWEBデザイン！AWWWARDSで2018年5月にエントリーされたオシャレなサイトをご紹介【インスピレーション】
初心者必見！無料Lightroomプリセットの決定版！一瞬でプロ並みの加工が出来るLightroomプリセット50選【おすすめ/ポートレート/フィルム/HDR】
【WEBデザインの参考に】ミニマリストに大人気！洗練されたシンプルで美しいHTML5ウェブサイトテンプレート10選【フラットデザイン/サンプル】
【完全保存2018年版】初心者必見！作業効率アップ！Photoshop/Lightroomアクション オススメTOPサイト7選 – 無料＆有料【写真加工/方法/使い方】 | WebDesignFacts
