[Sponsor] 「WordPressを仕事に活かしたい」方のための
PHP・WordPress講座を渋谷で開催!
画家好き2019/08/01 10:48

WebサイトのUIについて参考になるサイトがありましたら知りたいです!

アプリはよく見かけるのですが、webサイトのボタンやフォームの配置や演出について言及されている記事を読みたいと思い質問させていただきました。

回答

  • じばにゃん2019/08/01 13:21

    このあいだLINEのデザイナーさんが書いてたnoteはオススメ
    LINEのUIデザイナーが参考にするWebデザインギャラリーサイト6選
    https://note.mu/linecreative_jp/n/nddc5c2cb52ac

  • 画家好き2019/08/01 15:45

    ご回答ありがとうございます!
    一気に沢山のギャラリーサイトを知れてとても為になりました、こまめに見て参考にしたいと存じます...!
    御礼申し上げます

  • 人間2019/08/02 14:53

    フォームの何を参考にしたいですか?
    独特な表現のフォームが作りたいときにみるものと、効果が出る(使いやすい)フォームを作るときに見るサイトは少し異なるので注意です。

    実装出来るかどうかはさておき、表現のインスピレーションが欲しい場合は Dribbble で「form」と検索すればたくさん出てきます。

    世に出ているアプリの実装例を参考にしたいのであれば Mobbin がおススメです。「ログイン」「お問い合わせ」など目的別に絞り込めます。
    https://mobbin.design/

    事例は参考になるところがありますが、成功の理由は単に技術・デザイン力によるものとは言い切れず、様々な理由があります。それをギャラリーサイトの絵だけで判断するのは難しいでしょう。

    そこで、フォームについてきちんと学ぶのもオススメですし、そのとき書籍のほうが情報がまとまっているので便利です。これ系はなかなか枯れない知識なので少し古いのでも手に取る価値はあります。

    Form Design Patterns (日本語版が11月発売)
    https://www.amazon.co.jp/dp/4862464513/

    フォームに限らず UI 全般の理解をふかめるなら「デザイニング インターフェイス」も良い選択肢です。
    https://www.amazon.co.jp/dp/4873115310/

  • takuya2019/08/07 15:37

    少し変わり種かもしれませんが
    google chromeの拡張機能でmuzliというサービスがあります。
    デザインのインスピレーションを拾うのが目的のツールで、新しいタブを開く度にデザインに関するニュースとかウェブサイトや画像やUIデザインなどが毎日更新されます。
    chromeを開くのが楽しくなるのでオススメですよ。

    https://chrome.google.com/webstore/detail/muzli-2-stay-inspired/glcipcfhmopcgidicgdociohdoicpdfc?hl=ja

回答する

新規登録してログインすると質問にコメントがつけられます