エンジニア必見!画面デザインの基礎が学べるエントリー5選

@ハクト 2022-09-20 12:21:33に投稿

個人開発者などエンジニアでデザインすることが多い人も参考になるデザインの基礎が学べるエントリーをまとめました。

これだけ守れば見やすくなるデザインの基礎

 

デザインの基礎がわかる講義スライド。

 デザインの目的やデザインの基礎原則などわかりやすく解説。スライドで文字が少なく直感的に理解できます。

未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』

 

 

現場で働けるレベルの基礎知識を一ヶ月で習得するための参考書と問題集。約140ページのボリュームで問題を解きながら解説を読んで理解する学習スタイル。

未経験デザイナーが最低限知ってほしい知識がまとまっています。

 

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

 

 

現役デザイナーが普段実務で使用しているサイトやツールをまとめています!デザインギャラリーサイトから配色、フォント、画像素材、UXの参考サイトまで紹介。

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

 

 

エンジニア目線で開発をスムーズにすすめるためにデザイナーさんに意識してほしいポイントがまとめられています。

固定テキストでデザインしていては中々見えてこない問題点などが分かりやすく解説されていて参考になります。

なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説

 

 

エンジニア実装しがちな画面デザインのサンプル画像がまさに自分が実装しているものとそっくりでしたw

デザイナーが画面デザインで意識していることが「before」「after」で対比して確認できるので、即実践しやすく、管理画面などを実装することが多いエンジニアは必見の内容です。

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter