UX / UI のデザインに強いWebシステムの開発と、BtoB Webマーケを支援するWeb制作を提供する
N's Creates (エヌズクリエイツ) 株式会社 UIコーダー 齋藤 (@31mskz10) です。

デザインにしてもコーディングにしても、結果は同じでも過程が異なる方法が複数ある場合がよくあります。

「とりあえず結果が同じなのだからどの方法を使っても良い」ではなく、なぜその方法を使ったのか説明できることが大切なのではないかなと、ふと感じました。

デザインにおける「画像のマスク」

例えば、デザインにおける「画像のマスク」は、目的は同じでも複数のやり方があります。
主要なデザインツールであるFigmaでは、画像のマスク方法が複数あります。

  • 図形の塗りとして画像を指定する方法
  • マスクオブジェクトを作成する方法

マスクオブジェクトの作成方法も複数あり、ツールを使う方法とメニューから選択する方法などがあります。

コーディングは選択の連続

コーディングはさらに選択肢が多く感じます。
見た目は同じでも、実装方法によってメンテナンス性が変わってきたり、レスポンシブ対応のしやすさや、アクセシビリティ的に良い悪いもあります。

過去に『見た目が同じでも使い勝手がまるで違う!コーダーとしてコーディングで意識していること』という記事を書いたのですが、まさに同じ結果(見た目)でも、方法によって善い悪いが変わってきます。

「何故その選択肢を採用したのか?」を意識する

  • ググって1番上に出てきたからそれにしました
  • この方法がいいって記事に書いてあったからそれにしました

これで済ませてしまうのはもったいないですし、なぜその方法が良いのか必ず理由があるはずです。

  • 少ない作業時間で実現できる
  • ショートカットキーだけで実現できる
  • あとからの修正作業がラクになる

このように、今回達成したい目的は何なのか考え、その上でどれが1番適しているのか選択できるようになると、さらに質の高い制作ができるようになるのではないかと感じました。


UX / UI のデザインに強いWebシステムの開発と、BtoB Webマーケを支援するWeb制作を提供する
N's Creates 株式会社は、神戸三宮オフィスまで週1出社(それ以外はリモートワーク)できる「デザイナー」「エンジニア」を募集しています。

興味のある方は、カジュアル面談しますので気軽にお問い合わせください!

同じテーマの記事

齋藤 公一齋藤 公一 / 2024年3月26日

業務システムこそデザインにこだわった方が良い理由

山本 明子山本 明子 / 2024年3月22日

肩首伸ばしてスッキリ!座りながらできるストレッチ

本田 顕本田 顕 / 2024年3月13日

マック・ミラーが最高

西山秀治西山秀治 / 2024年2月16日

PHP8について

お問い合わせ

BtoBサービスのデザイン・開発に関することならお気軽にご相談ください

一緒に働く仲間を募集しています

採用情報

デザイナー、エンジニア共に募集をしています。

パートナー募集

現在は主に開発領域に対して募集しています。