マガジンのカバー画像

デザイン

15
運営しているクリエイター

記事一覧

2019年が終わるまでにデザイナーが絶対に読むべきnote50選

2019年が終わるまでにデザイナーが絶対に読むべきnote50選

こちらの記事を拝見させて頂き、これのデザイナー版を読みたいなと思ったので、自分でまとめました。

ただ調べていくうちに今まで読んだことのなかった神noteがどんどん出てきたので、結果的に2019年という枠を飛び越え、50選までいってしまいました。

偉大な先人たちの英知が全てのデザイナーに届くことで、世の中がデザインによってより良くなっていったらいいなと思います。

また最後の組織デザインについて

もっとみる
Webサイトのメインビジュアルの構図を集めて分析してみた。

Webサイトのメインビジュアルの構図を集めて分析してみた。

初めまして、ameko(@tk04amedama)と申します。
普段は都内の制作会社でWEBデザイナーをしています。
と言ってもまだまだ新米なので、日々勉強中です。

その勉強の一環で、最近のWebサイトで使われている
メインビジュアルの構図を一覧にしてまとめた画像をTwitterに投稿してみたところ、思いがけず多くの方に反応いただけたので、その後に行っていた構図ごとの分類分けや分析も公開してみよ

もっとみる
iOS エンジニア以外にも知ってほしい iOS アプリ用語 - UI 部品編- #Zaim

iOS エンジニア以外にも知ってほしい iOS アプリ用語 - UI 部品編- #Zaim

なぜこの記事を書くのかこんにちは。Zaim で iOS アプリ開発をしている@akatsuki174です。

iOS アプリの話をする時、iOS エンジニアが何気なく使う専門用語があります。名称とモノが結びつくだけでも会話がスムーズになると思うので、「iOS エンジニア以外の人もこれを覚えておくと良いかも!」と思うものをまとめました。部品名だけでなく説明も書いているので、iOS の UI をもっと

もっとみる
フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと

フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと

フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。

なんでこんな話になったのか(前置きなので次の章まで飛ばしてOKです)

デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡され

もっとみる
Microsoftが「Sketch 2 Code」を公開!AIが、手書きのワイヤーフレームをHTMLに自動変換してくれる新時代に。これはすごい!!

Microsoftが「Sketch 2 Code」を公開!AIが、手書きのワイヤーフレームをHTMLに自動変換してくれる新時代に。これはすごい!!

流れてきたツイートをみて「なんだこのデモは」といろいろ見てみたところ、Microsoft AI labがすごい技術を公開していたので簡単にまとめます。どういう技術かというと「手書きのワイヤーフレームを適切に修正してHTMLに自動変換」してくれます。

Kabel, Spike Techniques, Microsoftが2018年8月末に公開したSketch 2 Codeというライブラリです。Gi

もっとみる
「デザインのデ」 #1 メンタルモデル

「デザインのデ」 #1 メンタルモデル

ふたつのボタン
解説おそらく多くの方が、左が前に進むボタンで、右が後ろに進むボタンだと思ったのではないでしょうか。このように、モノを使う人が、それがどのように動いているのか心に思い描いたイメージを、「メンタルモデル」と言います。

たとえ、それが間違っていたとしても。

動画の中で、右のボタンは無反応でした。しかし、種明かしをすると、実際は無反応なのではなく、右は前に進むか後ろに進むか切り替えるボ

もっとみる
デザイナーがスタートアップをつくり、EXITするということ

デザイナーがスタートアップをつくり、EXITするということ

2012年に日本初のフリマアプリ『フリル』をつくって6年、2016年に楽天にEXITしてもうすぐ2年が経とうとしている。少し時間ができたので、その間に学んだ色々なことを書き残しておこうと思う。

まずは僕自身の経験を通して、デザイナーが「スタートアップを創業する」というキャリア選択について記したい。これは起業を勧めるものではなく、あくまで個人的な手記ではあるけれど、学生や若手デザイナーの参考になれ

もっとみる
FOLIOリブランディングの裏側 ──構想からリリースまでの8ヶ月の軌跡──

FOLIOリブランディングの裏側 ──構想からリリースまでの8ヶ月の軌跡──

株式会社FOLIO CDO(Chief Design Officer)の広野です。

この度、オンライン証券サービス「フォリオ」の正式リリースに伴いまして、思い切ったリブランディングをおこないました。

ビフォーアフターはこちらです。

ご覧の通り、今回のリブランディングプロジェクトはいわゆる「ロゴリニューアル」に留まらず、サービスを提供する上でのスタンスを改めて定義し直した、新たなブランドとして

もっとみる
iOSにおける半モーダルビューの解釈

iOSにおける半モーダルビューの解釈

iOS 8の頃より見かけるようになった新しいモーダルビューの形態と、その設計思想、UI としての使われ方について考察します。この新しいモーダルビューのことを私は他のモーダルビューと区別する意味合いで「半モーダルビュー(Semi-Modal View)」と呼んでいますが、実際にガイドライン上でそのような定義がされているわけではありません。「ハーフモーダル」という呼び方も耳にすることがありますが、私は

もっとみる
UIの宝箱を見つけてしまった。

UIの宝箱を見つけてしまった。

永遠に見ていられるサイトを見つけてしまった。

Airbnbが開発したLottieというアニメーションライブラリがあって、これはAfter Effectsで作った動画を様々なWebのプラットフォームに対応させる事ができるスグレモノで、今まで複雑なアニメーションを実装する時に悩ませていた書き出し方法や容量、実装での再現性の問題などを解決してくれるんです。(実務で使用していないので実際の使い勝手はワカ

もっとみる
Netflixはどのように“柔軟性”をデザインしているか?

Netflixはどのように“柔軟性”をデザインしているか?

本記事はWill Fanguy氏がinVision Blogに執筆した記事『HOW NETFLIX DESIGNS WITH FLEXIBILITY』を公式に許可をいただき翻訳したものです。

Tech系大企業が次々と標準化されたデザインシステムを作る一方、メディア最大手の『Netflix』は、少々異なる方向に向かおうとしている。

Netflixはスピードと自由を尊重し、どのように働くかを各々の

もっとみる
Inside THE GUILD 前編

Inside THE GUILD 前編

はじめまして。THE GUILDのコミュニケーション・マネージャーの市川(@nagiko)です。

THE GUILDでは、これまで組織として積極的に情報発信を行ってこなかったのですが、今後はこのnoteやTwitterを通し、私たちの組織とその活動をより多くの方に知っていただきたいと思っています。

今回は、THE GUILDとはどのような組織なのか、組織の仕組みを紐解いてみたいと思います。

もっとみる
【パワポ時代の情報整理術】つめこみすぎなスライドがこれでスッキリ!

【パワポ時代の情報整理術】つめこみすぎなスライドがこれでスッキリ!

昨今、情報量がとにかく多く、理解しづらいパワーポイント資料が溢れています。「ポンチ絵」や「曼荼羅」などとも呼ばれるこの手の資料。パワーポイントを作る方も、読み解く方も大変です。

でも、わかります。一枚の資料に収めないといけない事情があることを―。会議の配布資料、提案資料、体制図、システムの構成図…。シンプルな資料が良いとわかっていながら、どうしても情報量を落とせない場合もあります。

そこで今回

もっとみる
なぜモダンなプロダクトチームによるリーンなプロダクト開発が必要なのか

なぜモダンなプロダクトチームによるリーンなプロダクト開発が必要なのか

はじめにメルカリUK版の立ち上げを終え2018年3月に帰国しました@tsumujikazeです。今は東京でメルペイのProduct Managerをしています。

イギリスではいわゆるモダンなプロダクトチームでのLeanなプロダクト開発を経験しました。得るものが多かったので、なるべく多くの人に知ってもらいたいと思いこのポストを書きました。

PMF →リーンプロダクトのプロセス →モダンなプロダク

もっとみる