TOP  >  UI

Tag : UI

2017年09月07日

オープンソースで利用可能なフリーのセレクトボックスまとめ「10 Free Open Source CSS and JavaScript Select Box Snippet」

お問い合わせやアンケートなどのUIに欠かせないセレクトボックス。新しい動きやデザインを上手く取り入れることで、他にはないオリジナル感を演出し、差を付けることができると思います。そんなシーンで参考にしたい、フリーで利用可能なオープンソースのものをまとめた「10 Free Open Source CSS and JavaScript Select Box Snippet」を今回は紹介します。

select-box0
Select Box

CSSとJavaScriptの特殊なセレクトボックスが10種類紹介されています。中から気になったものを幾つかピックアップしてご紹介しますので、ご覧ください。

詳しくは以下
(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年09月06日

様々な場面で役に立つUXのSketchテンプレートを集約した「Must-Have Sketch Templates for New UX Designers」

使いやすく見やすい、ユーザーに満足してもらえるUXデザインをより短時間で作ることは、デザイナーであればぜひマスターしておきたいもの。そんな中今回は、特にSketchを利用している方におすすめ、様々な場面で役に立つSketchテンプレートを集約した「Must-Have Sketch Templates for New UX Designers」を紹介したいと思います。

sketchkit01
FREEBIE – Flowchart kit for Sketch by Greg Dlubacz – Dribbble

Sketchで活用できる秀逸なテンプレートがまとめられており、どれも非常に魅力的なものばかりが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:18  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2017年08月20日

フリーのUIテンプレート&キット「20 Free Modern UI Design Elements & PSD UI Kits Download」

スマートフォンやタブレット端末で様々なことができるようになり、Webサイトやアプリを活用する機会が増え、使いやすさに配慮されたUI設計は非常に重要な存在になってきています。そんな今是非参考にしたい、フリーのUIテンプレート&キット「20 Free Modern UI Design Elements & PSD UI Kits Download」を紹介します。

UIkit01

さまざまなテイスト・設計のUIテンプレートが紹介されており、どれも非常に秀逸なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
2017年08月14日

UI設計をイメージさせるアイコンセット「The Free UI Interface Icon Set for Web Designers (60 Icons, SVG)」

Webサイトのデザインで重要なUI設計。webデザイナーにとっては欠かせない工程の一つとなっています。今回はそんなUI設計をイメージさせるアイコンセット「The Free UI Interface Icon Set for Web Designers (60 Icons, SVG)」を紹介したいと思います。

ui_interface_icon01

ポップさとシンプルさを合わせ持つ、ライングラフィックが特徴のアイコンが60個、セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:48  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
2017年08月13日

モバイル向けデザインテンプレートまとめ「8 Fresh & Free Mobile App PSD Templates」

国内外でも比率が年々増しているスマートフォン。ユーザーインターフェイスの設計は、PCとはまた違った観点の設計・デザインが求められます。今日紹介するのは、モバイル向けのデザインテンプレートをまとめたエントリー「8 Fresh & Free Mobile App PSD Templates」です。

mobileapp01
Clean & Modern iOS UI Kit by Sandeep Kasundra – Dribbble

ハイクオリティなモバイルデザインテンプレートがまとめられています。気になるものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
2017年08月09日

こんにちは!貴方の名前は?など、チャットのように会話できるUI「BotUI」

LINEなどでお馴染みのチャットのユーザーインターフェイス。メールに代わるコミュニケーションツールとして台頭し、多くのサービスで取り入れられているチャット。今回ご紹介するのは、そんなチャットのユーザーインターフェイスを実現できる「BotUI」です。

botui_1

動作のイメージや動きなどについては、BotUI – A JavaScript framework to build conversational UIs.
からご覧いただくことが可能です。

詳しくは以下
(さらに…)

続きを読む
posted 08:30  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2010年11月05日

光のきらめきを表現できるテクスチャ「Ultimate Collection Of Bokeh Textures」

デザイン表現や、写真の加工などに便利なテクスチャはいくつあっても嬉しいもの。今回紹介するのは、光のきらめきを表現できるテクスチャ「Ultimate Collection Of Bokeh Textures」です。


Freebie: 12 Grungy Bokeh Textures | Psdtuts+

大きさや色など、さまざまな形をした光を映しだしたテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしてみました。

(さらに…)

続きを読む
posted 06:55  |  
Category: Design   
2013年04月05日

ダークな印象のデザイン制作に使いやすいテクスチャパック「Deep Dark Texture Pack」

ダークな印象のサイトを制作する時に、黒一色で表現しようとすると深みのあるデザインを制作するのが難しくなるということもあると思います。今回は、そんなサイトの制作に使いやすいテクスチャパック「Deep Dark Texture Pack」です。

ダークカラーやグランジ感を利用した、ただ暗いだけではない色の美しさを感じられるテクスチャばかりがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:54  |  
Category: Design   
2011年06月08日

便利で使いやすいベクターPhotoshopブラシ集「250+ Useful Vector Photoshop Brushes」

デザインを作成する際には、さまざまなデザイン用ソフトを利用します。中でも使用頻度の高いPhotoshopは、ラインのきれいなベクター画像を素材として描くにはテクニックが必要になります。そこで今回紹介するのが、Photoshopで手軽に利用できるベクターブラシセットを集めた「250+ Useful Vector Photoshop Brushes」です。


Flower Brush Set 1 by ~gvalkyrie on deviantART

未来的なデザインから、ポップなデザインまで、イラストレーターで作成したかのような使いやすいベクターブラシが豊富に紹介されています。中でも特に気になったものをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2017年11月29日

クリスマスシーズンに最適なべクターデータのセット「Free Christmas Vector Set (Cards, Backgrounds, Patterns etc.)」

クリスマスの向けてクリスマスカードやプレゼント、パーティー準備をして楽しんでいる方も多いのではないでしょうか。そんな中今回紹介するのは、クリスマスシーズンに最適なべクターデータのセット「Free Christmas Vector Set (Cards, Backgrounds, Patterns etc.)」の紹介です。

Christmasvector01

クリスマス用のツールが簡単に作れるイラストやパターンのセットです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , vector   
2018年04月02日

有名なロボットキャラクターを丸いフォルム可愛らしくリメイクしたアイコンセット「Freebie: The Famous Robots Icon Set (20 Icons, AI, SVG & PNG)」

日本問わず、ロボットキャラクターはとても人気で、さまざまなアニメや映画に登場。グッズなどをコレクションされている方も多いのではないでしょうか。そんな方にとって嬉しいアイコンセット「Freebie: The Famous Robots Icon Set (20 Icons, AI, SVG & PNG)」をご紹介します。

robot_icons_set_top

懐かしいフューチュラマや、日本発のアニメーション・エヴァンゲリオン、ガンダムなど、国境関係なく様々なキャラクターが収録されています。

詳しくは以下

(さらに…)

続きを読む
2008年05月19日

RSSアイコンまとめの決定版「Free of charge RSS Feed Icons」

RSSアイコンはDesignDevelopでも「ユニークなフリーRSSアイコン集「Fresh, Free and Gorgeous RSS/Feed Icons」」や「先進的なフリーRSSアイコンをダウンロードできる「Design Freak」」と何度か取り上げてきましたが、いままで取り上げた物も一部被っていますが、かなりの数のRSSアイコンをまとめてくれているエントリーが今回紹介する「Free of charge RSS Feed Icons」です。

先進的なイメージをうけるRSSアイコンから、凝りに凝ったRSSアイコン、ユニークなRSSアイコン、シンプルなRSSアイコンまで、本当に多種多様なRSSアイコンがまとめられています。今日は紹介されている物の中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:45  |  
Category: WebDesign   
tag: webdesign
2013年03月12日

感光したフィルムの雰囲気が再現できるテクスチャパック「Free Light Leak Texture Pack To Retrofy Your Photos」

デジタルカメラで撮影した美しい写真を、今では誰もが手軽に撮影できるようになっていますが、フィルムを使用した撮影はより難しいものとなってきています。しかし、フィルムで撮影された写真の美しさノスタルジックな雰囲気というのは、アナログならではの良さがあるのではないでしょうか?今回はそんなアナログ撮影のような雰囲気を再現できるテクスチャパック「Free Light Leak Texture Pack To Retrofy Your Photos」を紹介したいと思います。

デジタルカメラで撮影した写真に、フィルムが感光してしまったような加工できるテクスチャが15枚セットになったテクスチャパックです。

詳しくは以下

(さらに…)

続きを読む
posted 03:26  |  
Category: Design   
2015年08月24日

フリーで使用できるテクスチャ23種まとめ「23 Free Textures for your Projects」

デザインの背景処理などに使用するテクスチャ。種類もテーマも、いろいろな種類のものがありますが、今回紹介するのは、フリーで使用できるテクスチャ23種まとめ「23 Free Textures for your Projects」です。

23textures_4
wood texture by LinoNatsumi on DeviantArt

厳選された23種類の、デザイン性の高いテクスチャがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:06  |  
Category: Design   
2016年06月09日

イラストレーターをもっと活用できる 最新のチュートリアル15選「15 New Adobe Illustrator Tutorials」

さまざまなグラフィック表現を可能にする、adobeのソフト・イラストレーター。デザイナー必須のソフトであり、ほとんどのデザインシーンで利用されています。今回はそんなイラストレーターをもっと活用できる、最新のチュートリアル15選「15 New Adobe Illustrator Tutorials」を紹介したいと思います。

tutorial_illustrator0609_1
How to Create a Simple Geometrical Pattern in Adobe Illustrator

イラストレーターを使ってできる描写技術が15種掲載されています。気になったものをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2014年09月30日

タイピングで簡単に表示できるフリーアイコンフォントまとめ「25+ Best Free Icon Fonts」

簡単に表示できる上、1つのセットで種類を豊富に揃えていることが多いアイコンフォントは、取り入れると非常に便利に活用できる素材。今回はそんなフリーアイコンフォントまとめ「25+ Best Free Icon Fonts」を紹介したいと思います。

iconfont_1
pictos-icon-font.png (1074×1064)

定番として利用できそうな、ベーシックな種類のアイコンを多数そろえたアイコンフォントが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る