[B! デザイン] nunulkのブックマーク

最近のUXデザイナー志望者の傾向とWebディレクター不要論について｜おり

お久しぶりです。東京の端くれでひっそりデザイン会社を営むおりです。最近、協力先企業においてデザイナーの採用をお手伝いすることが増えてきたのですが、その際に見えてきた最近のWebサービスのUXデザイナーの傾向について、やや引っかかる部分があったので、またぞろ筆を取った次第です。 UIやUXという言葉は広く一般に浸透してきたこれはとても喜ばしいことです。特にゲームなどの影響もあり、一般ユーザーであってもUIとUXの概念や関係性を正しく理解し、言及することが多く観測されるようになりました。で、広く一般に浸透してきたということは、それらを作るデザイナーも増えてきたのかな？と思っていたのですが、どうやらそうでもないようで採用活動には大変苦戦しているという状況でございます・・・。最近のUXデザインという業務の認識について募集要項上で職種としては、インターフェースの画面設計を独力で完結して欲しいの

nunulk 2024/07/17

へー、ウェブディレクターって絶滅寸前だったのか、知らなかった

デザイン

リンク

AdobeのFigma買収で登録者数は月次で56倍、Googleも使うデザインツール「Penpot」

英字新聞社ジャパンタイムズ、スタートアップメディア・テッククランチでの記者経験を経て、ダイヤモンド社のスタートアップ担当記者に。最近はフードテックやモビリティ領域に注目している。趣味はギターやシンセサイザーだが総じて下手。2020年7月よりダイヤモンド社﹁DIAMOND SIGNAL﹂記者。 From DIAMOND SIGNAL スタートアップやDX︵デジタルトランスフォーメーション︶を進める大企業など、テクノロジーを武器に新たな産業を生み出さんとする﹁挑戦者﹂。彼ら・彼女にフォーカスして情報を届ける媒体﹁DIAMOND SIGNAL﹂から、オススメの記事を転載します。※DIAMOND SIGNALは2024年1月をもって、ダイヤモンド・オンラインと統合いたしました。すべての記事は本連載からお読みいただけます。バックナンバー一覧 Adobeによるコラボデザインツール運営のFigma買収

nunulk 2022/09/30

"Adobeによる買収に不信感を抱いた一部のFigmaユーザーによる“乗り換え”が起こり、"

リンク

品質向上を目指す開発組織のデザインレビュー / SmartHR

2022.03.02 うちのデザインレビューは“ここ”を見る︻デザナレVol.11︼の登壇で使った資料です。 https://vivivit.connpass.com/event/239353/ プロダクトデザイナー、全力で採用しているので、少しでも興味がある方はぜひ応募してください！ ■デザインレビューについてもっとお話をしたい方 https://www.vivivit.com/job-postings/7301 ■一緒に働きたい！と思っていただけた場合はこちら https://open.talentio.com/r/1/c/smarthr/pages/45038 ※当日資料はGoogle Slideを使いましたが、SpeakerDeckに書き出したPDFをアップロードすると、文字表示がおかしくなるため、Keynoteで再編集して再アップロードしました。

nunulk 2022/03/03

"「品質」を担保するのは1人では難しい"

リンク

エンジニアのための Figma 知識

本記事の多くは Inspect モードを前提に解説しています。下記に Dev Mode に対応した解説を書いてみたのであわせてご参照ください。 https://codezine.jp/article/detail/18000 エンジニアにデザインツールの知識・習熟は必要か？しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。という訳でエンジニアがエンジニアとしての仕事をしていく上で﹁Figma のこういうことを知っておくと良さそう﹂という知識をまとめてみました。ユースケースを考えるまず始めにデザインは作らないはずのエンジニアが Figma を使う時にどんなユースケースがありそうかを考えてみます。デザインを元に実装する時デザインから何かを生成したい時(コードとか画像とか) 自分でちょこっとデザイン修正しちゃうこの辺りがあるかな〜

nunulk 2022/01/24

ありがたい…"たくさんクリックして辛い思い"をしてた

リンク

エンジニアがデザイナーといい仕事ができるために頑張ったこと｜seya

この記事は下記の記事に触発されて、逆方向の﹁エンジニアの自分がどういうモチベーションでどうデザインの勉強をしていったか﹂というのを語ってみよう！という内容となっております。あと最近よく﹁なんでデザインし始めたの？﹂﹁どうやって勉強してるの？﹂という質問をいただく機会が増えてきたので、それへのアンサーともなればなと思います。なぜデザインを勉強し始めたのか結論から言うと必要に駆られて勉強し始めました。前職はスタートアップに勤めていたのですが、当時作り始めていた新規サービスに携わっている人はエンジニア2名 + デザイナー1名という少数のチームでした。ただデザイナーともう一人のエンジニアは他のプロジェクトにかかりきり…なので一時期この新規サービスの開発は私だけという状況でした。そこで困ったのがデザインがないこと。大まかなワイヤーフレームは握っていましたが、デザインがないのでフロントの仕事

nunulk 2021/12/09

リンク

グッドパッチエンジニアが選ぶ、推しデザインシステム10選｜Goodpatch Blog グッドパッチブログ

生まれ変わったらデザインシステムになりたいと思っているくらい、デザインシステムが好きなエンジニアの乗田です。僕の入社の経緯や業務内容についてはこちらからご覧いただけます！デザインシステムとはデザインシステムとは、ソフトウェアやグラフィックなどにおけるデザインの原則や指針と、それらを実現するための仕組みの集合体です。デザインシステムのメリットは、低コストで高速に一貫性のあるデザインを実現しやすくなるという点にあります。一般的にデザイン原則にはタイポグラフィ・カラーシステムやボイス&トーンなどが含まれ、仕組みにはコードベースのUIコンポーネントやデザイントークンなどが含まれます。しかしデザインシステムにおける必須要素の定義はありません。それ故にデザインシステムは、各組織にとって必要なデザイン原則やデザインアセットが集合した物と言い換えることもできるでしょう。古い物ですと1975年に

nunulk 2021/07/21

リンク

全部、完全に商用利用無料！WebのUIデザインに適した1,130種類のSVGアイコン素材 -Glyphs

企業サイトやプロダクトページをはじめ、オンラインショップ、アプリなど、WebのUIデザインに適したSVGアイコンが無料で利用できるGlyphsを紹介します。アイコンの種類はなんと1,130種類！アイコンのバリエーションも豊富で、ソリッドやベタ塗りだけでなく、フルカラーも揃っています。もちろん、SVGなのでカラーやサイズなどを簡単に変更できます。各アイコンは5種類のバリエーションがある Figmaでデザインされた1,000種類を超える編集可能なアイコン。任意のアプリケーションで使用するためのWebコンポーネント。 FigmaからSVGをダウンロードするためのCLIユーティリティ。目的のアイコンはフォルダやタグで簡単に検索可能。ドキュメントとガイドを完備。ダークモード対応MITライセンスで、商用プロジェクトでも無料で利用できます。アイコンの編集も簡単、サイズやカラーの変更だけ

nunulk 2021/03/03

リンク

共創するためのデザイン批評

JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと

nunulk 2021/02/26

デザイン

リンク

Web制作の時短に！2020年の便利オンラインツール・ベスト100選

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、﹁無料で利用できるツール﹂を揃えています。これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。コンテンツ目次 1. CSSツール︵14個︶ 2. パターンツール︵7個︶ 3. イラスト系ツール︵3個︶ 4. デザインツール︵10個︶ 5. 配色カラーツール︵6個︶ 6. グラデーションツール︵3個︶ 7. SVGツール︵8個︶ 8. スクリーンショ

nunulk 2020/12/22

リンク

UIコンポーネント以外から始めるデザインシステム

UIコンポーネントは表層的な解決手段以前﹁デザインシステムを作る前にデザインのシステムを理解しよう﹂という記事で、組織がもつデザインのシステム︵仕組み︶の理解を深めることが重要であると書きました。﹁えいや！﹂で UIコンポーネントが揃ったライブラリを作ることは難しくありません。しかし、組織にとって意味のある UIコンポーネントになっているかは別問題です。たとえコードの書き出しまで出来るデザインシステムを作ったとしても、ある一部の人たちが楽になるだけの最適化に止まる場合があります。作り手視点のメリットだけでなく、組織への貢献という広い視野が抜けていると﹁作ってみたけど浸透しなかった﹂ということになります。 UIコンポーネントを作るだけでも様々な要素の積み上げで成り立っています。簡略化された図ですが、UI コンポーネントを作る前に様々な課題を解決しなければいけません。事業目標今

nunulk 2020/12/07

"一貫性のある UI ライブラリーより、メンバーの「良いプロダクト」への視点に一貫性があったほうが大きな力になります。"

リンク

【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita

個人開発・ポートフォリオ作成をする方に贈るいくらプロダクトが素晴らしいとしても、一見してダサいデザインだと、ユーザーは使う気がなくなってしまう。でも、今からデザインの勉強をするのは面倒だし、そこまでこだわりがあるわけでもない。 Q. 簡単に及第点のデザインにできるサービスとかないんですか？ A. あります。ということで、デザインのことはよくわからなくても、簡単にそれっぽくできるサービスをまとめました。個人的には、「それっぽさ」の大部分はページレイアウトと画像、「こなれ感」は配色とフォントによって構成されていると思っています。また、私はケチなのでここで紹介しているものは、すべて無料で使えるサービスです（課金プランはある）。書かないこと細かい使い方大体有名なので、使い方はggれば出てきます。ライセンスなどの情報特に素材系は規約などを確認の上で使ってください。あくまでも、こ

nunulk 2020/12/04

デザイン

リンク

デジタルカオスから秩序を生み出すための5つのステップ

多くの組織は自分たちが、乱立する先駆者とプロジェクトが同時に発生している﹁デジタルカオス﹂の中にあると思っています。この記事では、このカオスから秩序を生み出すための5ステップについてお話しします。 Stanfordのリサーチによれば、ほとんどの組織がデジタルの成熟度において5つのフェーズを通ると言います。すなわち、非公式な始まり分散型のモデル集中型のチームハイブリッドなアプローチ完全な統合それぞれのステージには固有の難しさがありますが、分散型のモデルが特に困難を強いることになると言えるでしょう。なぜならばそのフェーズにおいては、大きな組織の中で全体的な戦略も無いままに大量のデジタルについての先駆者が動くことになるからです。これらの先駆者の多くはぶつかり合い、組織内の軋轢と﹁この組織におけるデジタルは誰が主導するのか﹂という議論を呼ぶことになります。このような内部の軋轢は組織

nunulk 2020/11/16

"従業員に「これを守ってください」と指示するよりも、彼らが役に立つと考えるなら使えるようなリソースとして配置するほうが上手く行くことがよくあります。効果があるとわかれば、誰もが迷わずそれを使うでしょう"

デザイン

リンク

Atomic Designの考え方と利点・欠点 – wkr.

Atomic Design はデザインシステムを作る方法論となります。デザインシステムというのはスタイルガイドやブランドのガイドラインなどを指すようです。日本だとAbemaTV（アベマ TV）で使われています。（Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物 | ygoto3.comより） Atomic Design は今までのページ単位と違いコンポーネント単位でデザインカンプを作る考え方です。作ったコンポーネント同士の組み合わせでページを作ります。 Atomic Design はコンポーネントの単位を 5 つに分けています。その 5 つの単位は Atoms（原子）・Molecules（分子）・Organisms（有機体）・Templates（テンプレート）・Pages（ページ）です。各コンポーネントの詳細は次のとおりです。

nunulk 2020/11/11

リンク

UIデザインのためのブックリスト（2020, 追記あり）｜yoshi_design

UXや認知科学のブックリストはおかげさまでかなり読まれていますが、そういえば﹁UIデザイン﹂のリストは作ってなかったなと思い至って本を探し始めました。手元の本を並べてみると該当する本はあまり多くなくて、関連する周辺の分野のものにも対象を広げることにしました。UIデザインと周辺分野との境界はハッキリと分かれるわけではないので、自分が作った他のブックリストとの重複があります。また、分野の明確な線引きはしていませんのでご了承ください。 UI︵ユーザー・インタフェース︶が関わる分野はかなり広いのですが、このリストでは主に、比較的新しい︵と言ってもiPhone発表から10年以上経ちますが︶﹁スマートフォン・アプリのUIデザイン﹂を念頭において選んでいます。パソコンのソフトウェアや情報システム、ウェブ︵情報設計やウェブ・ユーザビリティーを含む︶のインタフェース・デザインについては、すでに世の中に知見や

nunulk 2020/11/06

リンク

『デザイン思考』という言葉にデザイナーとして改めて向き合って考えた結果得られたもの - Pepabo Tech Portal

こんにちは、デザイン部デザイン戦略チームでプリンシパルデザイナーをしている咲 @satosio です。 2020年4月にGMOインターネットグループの新卒入社パートナーを対象に「デザイン思考について」約1時間の講義を行いました。この記事ではそこで使用したスライドをもとに「デザイナーにとってデザイン思考とはなにか」を説明していきます。「デザイン思考」はデザイナーに限った話ではないのですが、「デザイン思考（笑）」というように、言葉自体をなんとなく毛嫌いしてしまっているデザイナーに「デザイン思考」と呼ばれているものの正体はなにかを説明することが本記事の目的です。結論概要共感とはSympathyではなくEmpathy 共感からインサイトを得ることで自分ごと化するデザインとは意思決定の積み重ね意思決定は「仮説推論」に基づいているデザインの思考法とはフレーミングを用いた仮説推論デザイン

nunulk 2020/10/23

"デザインとは「ある目的を達成するために物事を形づくること」であり、それは何をゴールとするかであったり、どの手段を選択するかという「意思決定の積み重ね」によって形成されています。"

デザイン

リンク

懐かしのインターネット。AppleにGoogle、Amazonなど1999年のサイトデザインはこんな感じだった。 : カラパイア

1999年、みんなは何をしていただろう？時代が混沌としていたのは今と変わらず、世界はノストラダムスの予言や2000年問題などで揺れていた。日本ではコギャル文化から「ヤマンバ」ファッションが誕生。流行語大賞は「ブッチホン」「リベンジ」「雑草魂」が受賞して、今年の漢字は世紀末らしく「末」。「動物占い」や「だんご3兄弟」なんかがブームになったのもこの頃だ。一方、すっかり社会に浸透したインターネットはまだ未熟だった。WWW（World Wide Web）は今では考えられないくらいに遅く、しかもやたらと面倒くさい代物だった。それでもドットコムバブルは膨らみ続け、今まさに弾けんとしていた。

nunulk 2020/10/18

うん、これでもよかった気もする

デザイン

リンク

UXデザイナーへのガイド - The Guide To Design

デザインには魔法の公式はありません。それでも、ガイダンスを探しているなら、ここから始めましょう。無料の独学ガイドで、デジタルプロダクトデザインの第一歩を踏み出そう優れたコンテンツはすべてオンライン(＋ちょっとした手間)で入手可能です。より正式な教育機関︵大学など︶や、職業訓練スクールに法外な価格を投資する前に、UXデザイナーという職業の基本を学ぶことができるはずです。︵詳しくはこちら‥UX業界には、異なるタイプのデザイナーがもっと必要‥The Guide To Designをまとめた理由︶ブートキャンプ︵職業訓練︶ではありませんガイドの最後にデザインの就職先紹介はありません。自問自答して欲しいのは﹁興味があるのはキャリアとしてのUXなのか？﹂ということです。よくある﹁無料﹂の電子書籍ではありません無料の電子書籍でよくある、PDFをダウンロードした後にソフトウェアライセンスを

nunulk 2020/10/16

リンク

【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新｜ryota_funakoshi

︻保存版︼﹁もうデザイナー用の最強チートシート作っちゃおうよ﹂と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新こんにちはデザイナー社長の船越です！久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から﹁どこから画像を引っ張ってくればいいかわからない😭﹂﹁日々の情報収集どうすればいいの？🤔﹂という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました！デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです！たくさんのデザイナーさんの役に立つ記事にしたいため、﹁このツールも便利だよ！﹂というのがあればぜひコメントで教えてください！日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し

nunulk 2020/08/20

リンク

HTMLとCSSで、デザインと1pxのずれもなく正確に実装する必要はあるのか？ピクセルパーフェクトの現状

デザインと1pxのずれもなく、HTMLとCSSで実装することを「ピクセルパーフェクト」と言います。このピクセルパーフェクトは必要なのか、現在の制作で求められているのは何か、ルックアンドフィールに合わせた実装を紹介します。 The State Of Pixel Perfection by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめにピクセルパーフェクトとは 2010年頃のWeb制作ルックアンドフィールコード化された結果がパーフェクトかどうかの判断バリエーションとコンテキスト現在の状況モダンCSS CSSフレームワークの影響好き嫌いではなく、期待通りにデザイナーに役立つアドバイスデベロッパーに役立つアドバイス終わりにはじめに「ピクセルパーフェクト」という言葉を最

nunulk 2020/08/18

見る人によって違うと（違うから）困る / "2つのタブを移動しても同じように見える・感じるということです"

デザイン

リンク

UIデザイン初学者の頃の自分に捧げたい、「勉強するならまずこれを読もう！」と思う読み物7選｜623

はじめまして、ムツミ︵@623px︶と申します。﹁CAMPFIRE﹂という、クラウドファンディング事業の会社のデザイナーをしています。普段はグロース周りのデザイン施策を担当していて、少し前は仲間集めプラットフォーム﹁TOMOSHIBI﹂という新規事業のデザイン全般を担当していました。 --- 最近デザインを勉強している友人にむけて、勉強におすすめの記事や本をまとめる機会があったのですが、UIデザインをはじめたの頃の自分に読んで欲しい…と思うものばかりでした。当時のわたしは﹁とりあえずやってみてわからなかったら調べる！﹂という方法で突き進み、体系的に学ぶことが少なかったためです︵反省︶まだまだデザインを語れる立場ではないのですが、せっかくなので当時の自分に向けて、そしてこれからの自分のおさらいになるように、厳選してnoteに記録しておこうと思います。僭越ながら、UIデザイン勉強中の方や

nunulk 2020/08/03

リンク

はてなブックマーク

タグ

関連タグで絞り込む (5)

デザインに関するnunulkのブックマーク (41)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス