マガジンのカバー画像

おきにいり

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

#Webデザイン

コーディング練習用のデザイン~お花屋さんのLP編~

コーディング練習用のデザイン~お花屋さんのLP編~

Webデザイナー&コーダー3ヶ月目のひらともやです。

お花屋さんのLPのデザインをAdobe XDで作りました。コーディングを勉強している人の練習になればと思い、シェアします。

元々のデザインはあかねさん(@omsss22)が作ったものです↓

今回わたしは、コーディングしやすいようにXDで作り直しました。

デザインデータはこちらから見れます↓

Shiro -Adobe XDで作成-

もっとみる
【AdobeXD】地味に便利なおすすめプラグイン30選

【AdobeXD】地味に便利なおすすめプラグイン30選

決して派手ではないが、毎日使えて確実に時短になる系のプラグインを紹介します。デザイン、WF、資料作成全般に使えます。
(凝ったプロトタイプを作るなどの派手なプラグインは今回対象外です!)

●プラグインの導入方法今回の記事で「こりゃ良さそう」と思うプラグインがあったら、プラグインパネルから検索して入れてみてください。方法は以下の通りです。簡単!

①プラグインパネルを開き、②プラスアイコンをクリッ

もっとみる
打ち合わせ時に役立つ、スラスラとラフを描くコツ

打ち合わせ時に役立つ、スラスラとラフを描くコツ

先日、webサイトの骨格をラフ描きする様子を動画で投稿したところ、多くの反応をいただきました。新人研修時に、デザイナーに「こんな感じで描いてるよ~」と送ったものです。

反応を見ると「客先での打ち合わせのとき、スラスラ描けたらいい」という声も多く、デザイナー以外の人でもページ構成等を検討するのにラフを描く場面は多いのだなと思いました。

打ち合わせしながらスラスラ描くことによって検討が加速し、ある

もっとみる