サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
note.com/chot_designer
こんにちは、ちょっと株式会社デザイナーのモです。 挨拶から間髪入れずで申し訳ないのですが、まずはこちらをご覧ください。 何の変哲もないテキストとアイコンで構成されたボタンです。 今回はこちらのボタンに物申したく筆を執らせていただきました。思うところがあるんだよ今の私には。 ずれている、Noto Sans JPという訳で早速本題に入りますが、単刀直入に言ってこのボタンずれてるんですよね。「暑いね」って言ったら「水飲めば?」って言ってくる人くらいずれてる。私怨はさておき具体的に表すとテキストとアイコンが上下にガクンとずれているって訳です。 論に拍車をかけるためにボタンに分割線を引いてみました。 アイコンは上下真っ二つだがテキストはどうも下に寄っていますぞなぜずれる、Noto Sans JPこれが目の錯覚…なら良かったんですが(良くない)実際にずれていて、ではなぜそんなことになっちゃっているのか
こんにちは、ちょっと株式会社の久保田です。 Webサイトを開発する工程の中に、お問い合わせやエントリーなどを受け付ける「入力フォーム」を設置することがあります。 一見するとテンプレ的に単純作業に思われがちですが、デザイナーが考えるポイントは意外と多く、必要に応じて時間を掛けて作り込むものだったりします。 そんな入力フォームを作る際に意識しておきたいポイントを、自身への教訓も込めてまとめてみました。 視点の移動とグループを意識したレイアウトスムーズに視点移動させる並べ方まずは大枠のレイアウト。ザッとテーブルのように組んでしまいがち。 サクッと5分くらいで組んじゃうラフレイアウトこれでも大きな問題ありませんが、少し踏みとどまって考えてみます。 改善したいのはラベル(項目名)と入力欄の位置関係。 表組のように横並びの関係にするのではなくて縦並びの関係にしてみます。 ラベルと入力欄が横並びになって
デザイナーのemiです。 Adobe XDが単体購入を終了し(コンプリートプランでは提供されています)、Figmaへの移行が進むのでは。ということでXDで作成したデザインをFigmaで開くことができる方法はないだろうか。と思い、まずはプラグインを探してみました。 Convertify Sketch/Adobe/Google 有料のプラグインだったので無料で使える期間に試しました。 (お見せできないデザインデータで試したので画像を添付できません。ご了承ください…) カラースタイルやコンポーネントなども移行できました。ホバーステートを設定している箇所は重なったレイヤーが非表示になっていました。 line-heightの扱い方がXDとFigmaでは違うようで、ボタンの部分など上下の中心がずれてしまっているのが気になりましたが、レイヤーの構造などそのまま移行できていました。 プラグインを使用せずに
このページを最初にブックマークしてみませんか?
『chot Inc. デザイナーユニット|note』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く