フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる
図解がつくれると伝わり方が変わる！ 初心者のための図解作成ガイド【事例あり】｜鷹野 雅弘
「図解」は資料作成やプレゼンスライドの制作に欠かせません。その一方で「図解を作成してみたいけれど、経験がない」「これから図解をどんどん取り入れていきたい」という方のために、図解作成のノウハウを基本中の基本からまとめてみました。 今回の記事はアドビ社のPR企画「みんなの資料作成」に参加して執筆しています。 1 | 図解の定義まずは「図解」の定義について考えてみましょう。 たとえば、書籍『たのしいインフォグラフィック入門』の中で著者の櫻田 潤さんは次のように定義されています。 図解とは、単純な図形と短い言葉で、物事を説明するグラフィック 非常に明快ですが、人によって定義が異なりますし、また時代によって移り変わっています。 類語から「図解」の定義を探る言葉の定義を考える際に有効なのが〈類語〉を集めてみること。 そこで、日本語／英語に分けて、2つのマンダラート（9マスのメモ）をつくり、「図解」の類
はじめてのデザイン 〜デザインの基本・考え方〜 | chot.design
これからデザイナーを目指す人も、ノン・デザイナーの方も、現役のデザイナーの方も。デザインとは何か？デザインの基礎知識とは？そしてどうやってデザインを考えればよいのか解説します。
現役デザイナーが教える、アイコンデザインがより良くなる８個のヒント
この記事では現役デザイナーDmitriy Buninが、より良いアイコンをデザインするときに心がけている8個のポイントをまとめてご紹介します。 WebサイトのUIインターフェースにおいてアイコンは重要なデザイン要素のひとつです。 アイコンは、コマンドやコンテンツを視覚的にあらわし、背後にある意味合いを伝える言語と言えます。ユーザーがすぐに理解、認識できるようにシンプルで効果的なビジュアル、メタファーを表現する必要があります。 現役デザイナー直伝、アイコンデザインがもっと良くなる８個のヒント ヒント１ – グリッドを設定しよう アイコンはひとつだけ作るのではなく、ほとんどの場合はセットでデザインすることになります。アイコンセットの統一感を持たせるにはグリッドが必要となります。 以下サンプル例のようにセーフゾーンを決め、キーラインを設定しましょう。アイコンのまわりには、少しの余白スペース（Bo
かっこいい剣の描き方・デザインの考え方
CLIP STUDIO PAINTでは、機能で左右対称に描画することができます。 １．左右対称で描画するレイヤーを選択します。 ２．ツール→サブツールを選択します。 ３．パレットで、にチェックを入れます。 ４．キャンバス上で中心線にする箇 思い込みの剣から抜け出す 思い込みの剣とはよくあるこのような剣です。 こちらから抜け出さない限り、どれだけ描画の細かさを上げても永遠にこれじゃ無い感から抜け出せません。 この形から抜け出すためには剣の分類や形の由来を理解してデザインする必要があります。 剣の分類 大まかに分けると剣は3つに分類出来ます。 ・打撃型 ・切断型 ・刺突型 この3つについて解説します。 打撃型の剣 打撃型の特徴 ・平たい板をそのまま使ったのような形（大きさと重さをで叩き切る） ・曲線の刃の形（接触面を減らして力を集中させ切断の威力を上げる） ・剣先の膨らんだ形（剣先のに重量を持
ライザはこうして生まれた。「ライザのアトリエ 〜常闇の女王と秘密の隠れ家〜」キャラクターデザインの変遷を，細井Pとトリダモノ氏が語る
ライザはこうして生まれた。「ライザのアトリエ 〜常闇の女王と秘密の隠れ家〜」キャラクターデザインの変遷を，細井Pとトリダモノ氏が語る 編集部：御月亜希 カメラマン：佐々木秀二 12→ コーエーテクモゲームスのガストブランドで展開されている，錬金術がテーマのRPG「アトリエ」シリーズ。その最新作となる「ライザのアトリエ 〜常闇の女王と秘密の隠れ家〜」（PS4/Switch/PC）は，2019年9月26日に発売が予定されている（PC版は10月29日発売予定）。 「アトリエ」シリーズは，3部作前後で新たな世界観での物語を描くのが通例となっているが，そのキャラクターデザインの魅力は，どの主人公も特筆すべきものがある。キャラクターのビジュアルだけ見ても人気がわかるシリーズといっても，過言ではないだろう。 とくに，「ライザのアトリエ」の主人公である「ライザリン・シュタウト（ライザ）」は，公開後の反響も
建築意匠のプロを育成する建築学校 - デザインファーム建築設計スタジオ
ふつうの「あなた」が、 建築家になるために。 それは特別な才能でもなく 理系の成績や絵を描くテクニックでもなく 飛び抜けたセンスでもない。 窓から差し込む光に清々しさを覚えたり 大切な人と過ごす時間に家の暖かさを感じたり ケンカの後の気まずい思いのまま壁を見つめたり。 そんなふつうの感覚、ふつうの感情を持つ人が 「建築」を創ったら そこで起きる日常のできごとは やがてそこで暮らす人の大切な思い出になるでしょう。 建築は「人」が主役。 私たちは「人」を大切にする建築家を育てたい。
Figma: コラボレーションインターフェースデザインツール
リアルタイムで一緒に作業することで、新たなデザイン手法が生まれます。ワークフローを効率的に保つためには、あらゆるチームがプロセス全体を見渡せるツールが必要です。
画面をデザインするということ - Qiita
この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている１エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 始まりの部分は最近だとUXデザイナー、終わりの部分はUIデザイナーとかグラフィックデザイナーとか呼ばれるような人の仕事です。そしてそれらを形にするのがエンジニアです。 画面を設計するまでの作業 ギャレットのUX5段階モデルに従って、どういったことを考えないといけないのか確認します。 （実際にUX５段階モデルを意識して仕事してるわけではありませんが、何かしら
キャラクターデザインって何？制作方法や流れを事例を交えて徹底解説｜お絵かき図鑑
業界最大手のお絵かき学習サイト！今なら無料お試し実施中 充実の講師・講座数！様々なプロのテクニックをものにして描ける自分になろう！ 自宅で好きな時間に自分のペースで学習できるので空いた時間に学べる！ まずは7日間の無料お試しで体験しよう！ キャラクターデザインとは キャラクターデザインとは、漫画・アニメ・映画などの登場人物をデザインすることです。デザインする対象は人間だけでなく、ゆるキャラやモンスターなど様々な生きものが含まれます。 キャラクターデザインは「キャラデザ」「キャラデ」とも呼ばれています。 また、キャラクターをデザインする人のことを「キャラクターデザイナー」と呼び、主にアニメ制作会社やゲーム会社に所属するか、フリーランスで仕事をしています。最近ではVtuberをデザインするなど、新しい領域に仕事が広がっています。 キャラクターを構成する要素 キャラクターには「外見的な特徴」と「
【Webデザインの参考に！】海外のおしゃれサイトをまとめてみた！
【Webデザインの参考に！】海外のおしゃれサイトをまとめてみた！ 海外の洗練されたおしゃれでかっこいいサイトを紹介していきたいと思います。日本のサイトでも海外のものを参考にしているものが多くあります。今流行りのWebデザインを知るためにもどういう意味で作られたのか分かるはずです！ テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 日本でデザインをしていても流行りのデザインなどは、海外から影響を受けることがよくあります。サイトのデザイン面は見る
物語を動かす～キャラクターデザイン基礎知識～
物語を動かすキーとなる存在として登場する、多種多様なキャラクター。しかし、いざ自分で考えようとすると、ねらい通りのキャラクターがなかなか描けないことってありますよね。今回はキャラクター作りの基本や設定の膨らませ方など、魅力あるキャラクターをデザインするための基本を解説します！ キャラクターとは ゲームや書籍、テレビなど、私たちは日頃さまざまなメディアでキャラクターを目にする。 魅力的なキャラクターを作るために、まずはキャラクターが想像させる情報やどこに特徴が表れるかを知ろう。 ■キャラクターが想像させるもの キャラクターには、個性や性格、特技、職業などさまざまな設定があります。 多くのキャラクターは説明がなくてもそれらの情報が見た目で想像できるように、特徴的な外見をしています。 ■特徴が表れる部位や要素 人はキャラクターの特徴を、顔や体、服装、持ち物を見た上でそこから総合的に判断します。
【成果発表会】「楽しみながら魅力的なモンスターを描く」敵モンスターのデザインの制作工程 | ⬢ Appirits spirits
今回は社内の成果発表会「P-Review ’19」にて発表した、デザイナ K.Iさんの資料を紹介します。 ※この記事は個人の研究発表であり、会社としての見解ではございません。 K.Iさん 2018年5月 アピゲー部にデザイナ として入社。 入社後は自社開発ゲーム「ゴエティアクロス」にて、敵モンスターのデザインを担当。 発表資料のモンスターは、趣味でデザインしたものを持ってきてくれたのだとか…。 モンスターデザインの制作工程2 （※挨拶省略） ターゲットと目的 今回の発表は誰向けなのかと目的の説明ですが、今までモンスターを描いたことがない方。 特に新入社員やアルバイトさんのような初めて仕事で描くことになった方や、ゲームなどあまりやってこなくてモンスターと聞いても、スライムくらいしか知らないよみたいな方。 そして「正直美少女のキャラ描きたくて入ったのに、エネミーの仕事回ってきて乗り気じゃないな
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。
UIデザインに必須の16の論理ルール！ デザインは細部のちょっとした作り込みが使いやすさを決める
UIデザインはシンプルで論理的なルールを理解することで、情報に基づいたデザインの意思決定を効率的におこなうことができます。UIデザインをより使いやすく改善する16の論理ルールを紹介します。 長い記事なので、時間がある時にゆっくりご覧ください。 16 little UI design rules that make a big impact by Adham Dannaway 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. スペースを利用して関連要素をグループ化する 2. 一貫性を保つ 3. 見た目が似ている要素は同じように機能するようにする 4. 明確なビジュアルヒエラルキーを作成する 5. 不要なスタイルを削除する 6. カラーは意図的に使用する 7. インターフェイス要素のコントラスト比が3:1であることを確
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
やじるし素材天国「矢印デザイン」
カラーホイール、カラーパレットジェネレーター | Adobe Color
Live2Dデザイナー rariemonn
AIがデザインしてくれる「Microsoft Designer」、待機リストへの登録なしで利用可能に／「Microsoft アカウント」さえあれば誰でもすぐ、無償で始められる
なぜスマホアプリのアイコンは近年立体的なポップなものから平面的なものに変わったのですか？
