FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

WEBデザイン

パターンがたくさんありテンプレート準備の参考になる「Summer UI Kit Free」

投稿日:

SUMMER-UIKIT
Summer UI Kit Free

明るい配色で海外のリゾートっぽい「Summer UI Kit Free」。

コーディングする前に、テンプレートであらゆるコンテンツに対応できるパターンをつくると思います。
そんな時に参考になるUI Kitです。

SPONSORED LINK

01

ボタンの配色パターン。
あとからもっと目立つボタンをなどのオーダーはよくあります。
配色に合わせて、複数色のパターンを準備しておくと、追加が楽です。

02

フォームの入力パターン。
これくらいのパターンは必要ですね。

03

デザインがけっこう大変なカレンダー。
クリックやタッチしたりすることを考えると日付の余白は重要です。

利用は個人のみですが、デザインの参考になりますね。

Summer UI Kit Free

PR

PR

-WEBデザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

厳選10サイト!商用利用できる国内無料(フリー)写真素材集

写真撮影や写真購入予算がない場合はよくあります。 そんな時に、写真素材集を利用するのもひとつの手段です。 普段からどんな写真があるのかチェックしておくと、探す時に便利です。 写真素材 足成【フリーフォ …

レスポンシブWebデザインを制作して困ったことの解決方法

まだレスポンシブの案件が少なく、 知識もスキルもまだまだなのですが、 いくつか作ってみて、困ったことの解決方法です。 もくじ Javascriptを使った場合の端末ごとの処理 フォントによる見栄えの違 …

海外サイトで紹介された日本のグラフィックデザインが勉強になる

Graphic Design From Around the World: Japanese Design 海外のサイトを見ていると、英語だとカッコいいなーとか、羨望の眼差しでつい見てしまうのですが、 …

バナー制作時の文字の組み方のちょっとしたコツ

新人の頃、 「クライアントに『自分でもつくれる』と思われたらダメ」 とよく先輩に言われていました。 クライアントから、 「自分でもパワポやエクセルで作れそう」と思われると デザイナーとして失格というこ …

デザイン力を鍛える!Webデザインのフロー別セオリーと知識まとめ

以前、「WEBデザインが短期間で上達した方法」では、 上達する近道として模写を紹介しましたが、 それ以外にも基本的なセオリーや知識を知っているだけで、 デザインをする力が格段にアップします。 4月から …

PR




人気の記事

プロフィール

KIYOTA
KIYOTA
Webデザイナー / ウェブ解析士
デザインとコーディングと制作現場が大好きなWebデザイナー(Webデザイナー歴13年)
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。