サオリ＠webstudyroom

UIデザイナー

サオリ＠webstudyroom

UIデザイナー

  • Webデザイナーの日常

    業界未経験のデザイナーがWebの会社に入り、何をして何を考えたか記録します。 ※入社2年以上経ったので、マガジンタイトルから「未経験」を外しました。

  • 未経験Webデザイナーの就活

    アナログなアクセサリー業界からWeb業界に転職した記録。2018年春頃のお話です。

ノンデザイナーのためのAdobe XD Tips集【WF・IA・資料用の素材とプラグイン】

この記事はAdobe XD アドベントカレンダー 2020の18日目の記事です。 👪想定する読者と背景ディレクターさんを想定して書きました。 その他PMやUXデザイナーの方など、ド…

サオリ＠webstudyroom
サオリ＠webstudyroom
3年前
28

続【Adobe XD】プラグインを追加で10個紹介する＋プラグインの探し方

続編を書きました。個人（いちデザイナー）的にはそんなに使わないけれど、きっと合う方にはめちゃくちゃ便利だろうな〜と思うプラグインたちを、追加で10個紹介します。前…

サオリ＠webstudyroom
サオリ＠webstudyroom
3年前
36

【AdobeXD】地味に便利なおすすめプラグイン30選

決して派手ではないが、毎日使えて確実に時短になる系のプラグインを紹介します。デザイン、WF、資料作成全般に使えます。 （凝ったプロトタイプを作るなどの派手なプラグ…

サオリ＠webstudyroom
サオリ＠webstudyroom
3年前
104

【2020年版】webデザイナーが聴いている音声コンテンツ25選【Podcast/Voicy/stand.fm】

最近、音声メディアがますますもりあがってきましたね。以前からPodcastが大好きで、2018年にこんな記事を書いています。 番組選びに迷える方へ、webデザイナー視点で選ぶ…

サオリ＠webstudyroom
サオリ＠webstudyroom
4年前
55

【５分で読める】Adobe XD User Fes 2019のざっくりしたまとめ

Adobe XD User Fes 2019に行ってきました。 XDのセッションが豪華６本立て！中継のアーカイブもさっそく上がっています。 どのセッション観ようかな〜という方のための、…

サオリ＠webstudyroom
サオリ＠webstudyroom
5年前
59

[未経験Webデザイナーの就活]Podcastが好きすぎる話とおすすめ5選

■1分でわかる概要Web系のPodcastが好きです。 業界未経験で就活するうえで、圧倒的に不足している情報収集にめっちゃ効いた。移動中・作業中・あげくに風呂に入ってる時ま…

サオリ＠webstudyroom
サオリ＠webstudyroom
6年前
23

[未経験Webデザイナーの就活]面接で聞かれたこと・話したこと

未経験でWebデザイナーを目指す（特に中途の）人に捧げます。 ■1分でわかる概要と基本スペック未経験で中途でWebデザイナーとして就活・内定をいただきました。3社で計6…

サオリ＠webstudyroom
サオリ＠webstudyroom
6年前
54

[日常のUXを考える] 美容院をブックカフェ化してほしい話

■１分でわかる概要「なんで美容院に行くと読みたくもない雑誌を渡されるのか」と思い、ユーザー体験向上案を考えてたら「ブックカフェみたいにしてほしい！」という結論に…

サオリ＠webstudyroom
サオリ＠webstudyroom
6年前
21

「I/O Extended 2018 Shibuya (Material Design Only!!)」行ってきた①

「ひとりで公式サイト見ててもようわからん」となりまして、Material Designのイベントに参加してきました。note枠じゃないけど自分の記録用に。 ■1分でわかる概要I/O Ex…

サオリ＠webstudyroom
サオリ＠webstudyroom
6年前
2

「タイポグラフィ実践講座（無料お試し版）」行ってきた。

こんにちは。気付いたら文字系のセミナーばっかり行ってました。 今回はこちら↓ 【無料体験講座】タイポグラフィ実践講座 https://www.sendenkaigi.com/class/detail/typ…

サオリ＠webstudyroom
サオリ＠webstudyroom
6年前
3

「TypeTalks 第44回　ウェブ組版の現在ーウェブのタイポグラフィを検証する」行ってきた。

セミナーに行ってまいりました。今回はこちら↓ ABCでabcを語ろう!　TypeTalks 第44回 『Typography13』刊行記念 　「ウェブ組版の現在ーウェブのタイポグラフィを検証す…

サオリ＠webstudyroom
サオリ＠webstudyroom
6年前
6
サオリ＠webstudyroom

サオリ＠webstudyroom

ノンデザイナーのためのAdobe XD Tips集【WF・IA・資料用の素材とプラグイン】

ノンデザイナーのためのAdobe XD Tips集【WF・IA・資料用の素材とプラグイン】

この記事はAdobe XD アドベントカレンダー 2020の18日目の記事です。

👪想定する読者と背景ディレクターさんを想定して書きました。
その他PMやUXデザイナーの方など、ドキュメント作成〜IA設計〜WFあたりで使う方向けです。

【この記事の背景】
デザイナーはツールの研究に力を入れても良いと思うのですが、他職種の方はデザインツールを使うのが本業ではないため、XDの学習に時間を取られて

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

続【Adobe XD】プラグインを追加で10個紹介する＋プラグインの探し方

続【Adobe XD】プラグインを追加で10個紹介する＋プラグインの探し方

続編を書きました。個人（いちデザイナー）的にはそんなに使わないけれど、きっと合う方にはめちゃくちゃ便利だろうな〜と思うプラグインたちを、追加で10個紹介します。前半は資料作成系、後半はデザイナーさん向けです。プラグインの開拓方法にも触れています。
前の記事はこちら。プラグインの入れ方から書いてます！↓

（では本編です）

【資料・印刷編】
A4など、印刷用サイズのアートボードを作ってくれるプラグ

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

【AdobeXD】地味に便利なおすすめプラグイン30選

【AdobeXD】地味に便利なおすすめプラグイン30選

決して派手ではないが、毎日使えて確実に時短になる系のプラグインを紹介します。デザイン、WF、資料作成全般に使えます。
（凝ったプロトタイプを作るなどの派手なプラグインは今回対象外です！）

●プラグインの導入方法今回の記事で「こりゃ良さそう」と思うプラグインがあったら、プラグインパネルから検索して入れてみてください。方法は以下の通りです。簡単！

①プラグインパネルを開き、②プラスアイコンをクリッ

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

【2020年版】webデザイナーが聴いている音声コンテンツ25選【Podcast/Voicy/stand.fm】

【2020年版】webデザイナーが聴いている音声コンテンツ25選【Podcast/Voicy/stand.fm】

最近、音声メディアがますますもりあがってきましたね。以前からPodcastが大好きで、2018年にこんな記事を書いています。

番組選びに迷える方へ、webデザイナー視点で選ぶおすすめ番組をまとめました。
※カテゴリ分けはざっくりなのでやさしい目で見てください😇
※リンク先はあれば公式ページ、なければSpotifyにしています（Spotifyユーザーじゃない方すみません）
※後半は力尽きてただの

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

【５分で読める】Adobe XD User Fes 2019のざっくりしたまとめ

【５分で読める】Adobe XD User Fes 2019のざっくりしたまとめ

Adobe XD User Fes 2019に行ってきました。
XDのセッションが豪華６本立て！中継のアーカイブもさっそく上がっています。

どのセッション観ようかな〜という方のための、ざっくり読めるセッション６本分のサマリ（と、個人的感想）です。

【Session1 長谷川恭久さん：あなたはどんなデザイナーになりたいですか】・デザインには２つの評価軸がある。表現重視のものと、業績貢献するもの。

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

[未経験Webデザイナーの就活]Podcastが好きすぎる話とおすすめ5選

[未経験Webデザイナーの就活]Podcastが好きすぎる話とおすすめ5選

■1分でわかる概要Web系のPodcastが好きです。
業界未経験で就活するうえで、圧倒的に不足している情報収集にめっちゃ効いた。移動中・作業中・あげくに風呂に入ってる時まで聴きまくりました。
Web業界就活生に特におすすめしたい、５つのPodcastを紹介します。

※Podcastってなに？って方へ。
私設ラジオみたいなものです。YouTubeの音声版みたいな。iTunesなどで聴けます。わた

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

[未経験Webデザイナーの就活]面接で聞かれたこと・話したこと

[未経験Webデザイナーの就活]面接で聞かれたこと・話したこと

未経験でWebデザイナーを目指す（特に中途の）人に捧げます。

■1分でわかる概要と基本スペック未経験で中途でWebデザイナーとして就活・内定をいただきました。3社で計6回受けた面接の記録です。（会社ごとには分けてません）
同じ境遇の人の参考になれば。あと自分の記録用に。

[基本スペック]
30代女性・Web業界未経験
元商品デザイナー（アクセサリーと雑貨）
職業訓練で半年Web制作を学ぶ
半年

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

[日常のUXを考える] 美容院をブックカフェ化してほしい話

[日常のUXを考える] 美容院をブックカフェ化してほしい話

■１分でわかる概要「なんで美容院に行くと読みたくもない雑誌を渡されるのか」と思い、ユーザー体験向上案を考えてたら「ブックカフェみたいにしてほしい！」という結論に至りました。誰か業界の人が読んで作ってくれないかな。

記事タイトルと意図について。
「なんでもUXって言やいいと思ってんだろ」という声が聞こえてきそうですが、なんでもUXやデザインの勉強材料になり得ると思っています。
なので、なんでもUX

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

「I/O Extended 2018 Shibuya (Material Design Only!!)」行ってきた①

「I/O Extended 2018 Shibuya (Material Design Only!!)」行ってきた①

「ひとりで公式サイト見ててもようわからん」となりまして、Material Designのイベントに参加してきました。note枠じゃないけど自分の記録用に。

■1分でわかる概要I/O Extended 2018 Shibuya (Material Design Only!!)
■どんなセミナー？
Material Designについて、Google社の方やI/O2018に参加したデザイナーさんが語

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

「タイポグラフィ実践講座（無料お試し版）」行ってきた。

「タイポグラフィ実践講座（無料お試し版）」行ってきた。

こんにちは。気付いたら文字系のセミナーばっかり行ってました。
今回はこちら↓

【無料体験講座】タイポグラフィ実践講座
https://www.sendenkaigi.com/class/detail/typography_taiken.php

宣伝会議主催の連続講座のお試し版。
6月7日（2018年）にも同じ無料講座があるようなので、気になる方はぜひ！
お試し版の講師はアートディレクターのカイ

もっとみる
サオリ＠webstudyroom

サオリ＠webstudyroom

「TypeTalks 第44回　ウェブ組版の現在ーウェブのタイポグラフィを検証する」行ってきた。

「TypeTalks 第44回　ウェブ組版の現在ーウェブのタイポグラフィを検証する」行ってきた。

セミナーに行ってまいりました。今回はこちら↓

ABCでabcを語ろう!　TypeTalks 第44回
『Typography13』刊行記念
　「ウェブ組版の現在ーウェブのタイポグラフィを検証する」
http://www.aoyamabc.jp/culture/39428/

正式名称長かった！講師はカワセタケヒロさんです。

＜学んだことまとめ／目次＞
・Webにおけるフォントの変遷
・HTML

もっとみる