【イカしたUIを見る】Vol.2 これは発明だ！と思ったUIパーツ10選｜Goodpatch Blog グッドパッチブログ

2024/08/19 464 users 発明 チラ 名称 連載 Goodpatch Blog

知れば知るほど面白くなるUIの世界を皆さんにもチラ見せしたい……ということで、連載の第2弾となる今回は「これは発明だ！」と私たちが感動したUIパーツについてご紹介します。 ミクロな視点でアプリを観察し、UIパーツ一つひとつに注目してみると、普段は気付けない面白い発見がたくさんありますよ。 ※各UIパーツの名称... 続きを読む

「CTAボタン」のUIを集めてみた｜パーツ別デザインまとめ｜nanami

2024/03/28 26 users CTAボタン nanami コンバージョン デザイナー 予告

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 今回は、LPにおいてCV（コンバージョン）に大きく影響を与えるUIパーツ「CTAボタン」周りのデザインをパターン別に集めてみました。 はじめに前回の記事で予告をした通り、今後、LPやWebサイトを構成する様々な要素を１つずつ特化して調査をしていきた... 続きを読む

GitHubのポップアップメニューはdetailsタグと:beforeが使われててクレバーだった - Qiita

2019/12/01 12 users GitHub Qiita クレバー before 実装

概要 普段使ってるGitHubのUIパーツの実装を見てみたら真似したいエッセンスがあったので紹介します。 GitHub上でちょいちょい使われてるポップアップメニュー 図 マイページのコンテキスト切り替えメニュー 図 プルリクエストページのプロジェクト選択メニュー なにが優れてる？ Javascript使ってない メニュー外をクリ... 続きを読む

プログレスバーにもなるフラットなボタン実装デモ:phpspot開発日誌

2013/12/17 19 users プログレスバー phpspot開発日誌 アニメーション付き

プログレスバーにもなるフラットなボタン実装デモ 2013年12月17日- Progress Button Styles | Codrops プログレスバーにもなるフラットなボタン実装デモ。 ボタンを押すとボタン自体がプログレスバーになって進むというUIをフラットで、１８種類ものアニメーション付きで実装したデモです。 １つのUIパーツで複数の意味をもたせてよりシンプルなUIが実現できますし、フラット... 続きを読む

カスタマイズ性抜群！Sassに対応したCSSフレームワークがアツイ！ | 株式会社LIG

2013/11/19 305 users コンポーネント Sass デザイナー アツい 肥大化

こんにちは。デザイナーのはるえです。 レスポンシブWEBサイトを作成する際に重宝されているCSSフレームワークですが、 「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。 実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込... 続きを読む

超クールなjQueryUIテーマ「Delta」:phpspot開発日誌

2012/10/12 50 users Delta TwitterBootstrap 超クール 背景

Delta - The Free jQuery UI Theme from Kiandra IT 超クールなjQueryUIテーマ「Delta」。 次のようなUIパーツでのWEBページを実現することが可能です。 TwitterBootstrapもカッコいいわけですが、こういうUIもいいですね。 かなりアップル意識している感じですが。 背景がブラックなバージョンもクール こういうものがもっともっと増... 続きを読む

サイトのUIに使えそうなハイクオリティPhotoshop素材集いろいろ:phpspot開発日誌

2011/08/04 47 users phpspot開発日誌 SpyreStudios psd

50 Free High Quality PSDs | SpyreStudios サイトのUIに使えそうなハイクオリティPhotoshop素材集いろいろ 次のようなUIばかりのPSDをまとめたエントリになっています。モックづくりや実際のUIに当てはめることもできるでしょう。 こうして出来た画像を簡単にUIパーツに落としこむライブラリがあったらいいなと思いました 関連エントリ クールなUIパーツを収... 続きを読む

モバイル等用のUIキット３５:phpspot開発日誌

2011/07/15 48 users phpspot開発日誌 モバイル SpyreStudios

35 Free User Interface Kits for Mobile and Web Designers | SpyreStudios モバイル等用のUIキット３５がまとまっていたのでご紹介です。 様々なパースがまとまっているのでモックの作成なんかに状況に応じて使い分けられそう。 関連エントリ クールなUIパーツを収録したUI作成用PSDキット「Transparent Glass UI」 ... 続きを読む

クールなUIパーツを収録したUI作成用PSDキット「Transparent Glass UI」:phpspot開発日誌

2011/06/11 61 users phpspot開発日誌 モック アップル Apple UI作成

Transparent Glass UI: Free PSD for User Interface Design クールなUIパーツを収録したUI作成用PSDキット「Transparent Glass UI」。 次のようなセットになっています。Appleっぽくて、でもアップルではないみたいなUIになってますね。 モックやUI作成なんかに使えそうです。 関連エントリ かなりクールなPhotoshop... 続きを読む

これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ:phpspot開発日誌

2011/06/09 344 users phpspot開発日誌 MediaLoot ペー 温かみ 気分

Got Wood? UI Design Elements | MediaLoot これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ。 木のiPhoneケースや木のキーボード等、木とITを絡めるとなぜかインパクト絶大ですが、木のUIキットを発見しました。 これでページデザインをすれば自然の温かみによってリラックスした気分でページを使えるのかも。 基本的なUIパーツはそろっているので頑張ればペー... 続きを読む