マガジンのカバー画像

エンジニア->デザイナー

58
エンジニアからデザイナーになりたい、エンジニアでデザインを知りたい人向けキュレーションマガジンです。
運営しているクリエイター

#Webデザイン

駆け出しデザイナーからプロへ。理想的なキャリアとは?

駆け出しデザイナーからプロへ。理想的なキャリアとは?

クリエイティブディレクター/プランナーのぽりです。
DesignToastでデザイン講師、日本&アジア間でのクリエイティブディレクション・企画を行っています。

デザインも教えているのですが、
デザイナーやフリーランス希望の生徒さんからよく相談を受けることがあります。

「今はほぼ未経験ですが、デザイナーとして将来はフリーランスを目指したいです。一番近道でプロになるにはどうしたらいいですか?」

もっとみる
デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント

デザイナーがwebサイトを模写する際に見るべき8つの学習ポイント

webやアプリのUIデザイン上達のコツとして、模写(コピー)がよく取り上げられます。私も過去に一時期やったことがありましたが、確かにいくつかのデザインを細かく観察して自分で再現してみることで、その後いざ実践!となった時に多くの学びを活かせたと記憶しています。

そうした経験から、最近も会社の若いメンバーに模写を進めて実践してもらっていたのですが、とあるメンバーから「模写はできたものの、どんなところ

もっとみる
今話題のデザインシステムについて、Webデザインから考える

今話題のデザインシステムについて、Webデザインから考える

「今話題」といっても、デザイナー界隈で話題にあがったのは2017年ですね。

なお、日本語翻訳記事はこちら。

最近でいうと、Pairsさんが以下の記事を書かれています。

デザインシステムは実は目新しい概念ではありません。古くはBootstrapからはじまるCSSフレームワーク、デザインの言語化からガイドラインを策定したHuman Interface Guidelines(Apple)、デザイン

もっとみる
「デザイナーよ。足を動かせ。頭を動かせ。手を動かせ。」 ー UI Crunch#14 スマートフォンを超えた体験を創る。導くUI

「デザイナーよ。足を動かせ。頭を動かせ。手を動かせ。」 ー UI Crunch#14 スマートフォンを超えた体験を創る。導くUI

こんにちは!
渋谷でデザイナーをしているちょいちょい(@739nanak)です。
UI Crunch#14にnoteレポート枠で参加してきました✏️

長いので、ざっと読みたい方は太字だけ追っていくことをお勧めします!

1. かわいいが届くまで (FLOWER/ROLLCAKE) 🖥登壇者・サービス
- 木坂 名央さん(ROLLCAKE株式会社 デザイナー)
- FLOWER(「かわいい」が

もっとみる
WebのUIについて考えてみる

WebのUIについて考えてみる

最近、UIに関しての記事やLTを見かけることが多くなりました。みなさんの知見が素晴らしく、とても勉強になっています。

ただ、アプリのUIに関しての内容が多かったので、WebのUIについて少し考えてみました。
※ここでWebと表記しているものは、スマホのブラウザ上で閲覧、操作するWebサイト(ECや予約サイトなど)を指しています。

私自身、Webを中心にECや価格比較、サロン予約サイトなどのグロ

もっとみる

UI設計時に気をつけた方がいい4つのポイント

DMMでデザイナーをやってるksmrです。

ちょっと前まで、自分が担当しているサービスのUIをリデザインする作業をスクラム開発で行っていました。その作業中に意識していたことが4つほどあったので、頭の整理も兼ねてまとめてみたいと思います。

1. 実装上の都合だけでつくらないエンジニアと設計周りの話をしていると「Reactは◯◯が苦手だからこういう挙動は難しい」とか「こうした方が値の受け渡しがき

もっとみる
デザイン力は99%の努力と1%のセンス

デザイン力は99%の努力と1%のセンス

商業デザインは論理的です。なぜその色にしたのか、なぜそのレイアウトにしたのか、なぜその写真にしたのかを説明できる必要があります。

なぜなら目的があるからです。

商業デザインには何かしら達成したい目標(サイトからのお問い合わせを増やすとか操作を使いやすくするとか)がある。
なんとなく作ったものでは達成する確率が低くなります。たまたま良かったという無責任なことはできませんし、なんとなくだとプランが

もっとみる
いまどきのCSS - font-family ゴシック編

いまどきのCSS - font-family ゴシック編

CSS の「font-family」の指定に関しては、検索すると2017年版とか2018年版とかたくさん出てきますが、なんとなくコピペではなく、自分で納得がいくように調べてみました。
結論から言うと、「なかなか難しい」です。
適度に見直しが必要だと感じました。

ポイントとしては
・游ゴシックかすれる問題
・ヒラギノ太い問題
があります。

とりあえず今っぽい感じにするならば

Windows

もっとみる

業務システムのUIデザインの課題に対してがんばってみた

自己紹介SI企業で業務システムの開発をしているSE/PGです。
最近はwebアプリの業務システムを開発しています。
業務を通じて、もっと業務システムのUIデザインをよりよくすることはできないのか?と思うようになりました。

今回取り扱う内容内容
- Windows FormアプリとwebアプリのUIデザインの比較と気づき
- Qiitaで言うポエム記事

今までのUIデザイン私が入社して最初に携わ

もっとみる