TOP  >  Sketch

Tag : Sketch

2018年05月23日

Instagramのストーリー投稿に活用出来るテンプレート「12 Instagram Story Templates」

Instagramにお気に入りの場所やおしゃれなカフェ、見た目も可愛いスイーツなど様々な写真を投稿している人は多いのではないでしょうか。最近では”フォトジェニック”から”ストーリージェニック”に変わりつつあるようで、動画の投稿が注目されています。そんな中今回は、Instagramのストーリー投稿に活用出来るテンプレート「12 Instagram Story Templates」の紹介です。

Instagram_Story01

動画投稿もおしゃれにしたいという思いを叶えてくれるテンプレートのセットです。

詳しくは以下

(さらに…)

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

SketchベースでUIデザイン起こす際に便利な「Sketch – Element UI Kit」

昨年秋に発売されたフェイスID機能やフルスクリーンが話題のiPhoneX。実際に使っている人も多いかと思います。アプリなどもフルスクリーンに対応するため、次々と改修が行われています。そんな中今回は、SketchベースでUIデザイン起こす際に便利な「Sketch – Element UI Kit」の紹介です。

UIKit_iPhoneX_01 (さらに…)

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

描いた図形を起点に美しい幾何学的な模様が描けるsketchプラグイン「Looper 2.0 sketch plugin」

今年のトレンドでもある幾何学模様。美しく、デザインの花形としても活躍してくれますが、自分で制作するとなるとなかなか難しいものです。ですが、今回ご紹介する「Looper 2.0 sketch plugin」を使用すれば簡単に作成することが可能になります。

looper_example_top

簡単な手順を踏むだけで、美しい模様や幾何学模様を制作することが可能になるSketch用プラグインです。

詳しくは以下

(さらに…)

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

作成したデザインを簡単にプロトタイピングをすることが可能 Sketchプラグイン「mirr.io」

デザインのフィードバックをクライアントからもらう際、動きの部分も形にすることもできれば、確認の行程を少しは減らすことができるはず。そんな悩みを解決してくれるSketchプラグイン「mirr.io」を今回はご紹介していきたいと思います。

mirr.io_top

Skecthで制作したデザインを簡単に共有可能なプロトタイプに変えてくれる便利なツールがバージョンアップ。さらに有効に使うことができるようになっています。

詳しくは以下

(さらに…)

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

フローチャート作成のためのデザインキット「Flowchart kit for Sketch」

WEB制作やシステム開発をしているとフローチャートを書くことも多く、専用のソフトウェアもリリースされていたりしますが、使い慣れたツールで創るのが一番早いという方も多いと思います。今日紹介するのはフローチャート作成のためのデザインキット「Flowchart kit for Sketch」です。

upload-adbd6290-e344-11e6-aff9-0f06f3acc755

フローチャートに必要なデザイン素材をSketchで利用できるように、まとめて配布されています。

詳しくは以下

(さらに…)

続きを読む
posted 11:23  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年09月24日

iPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」

良くも悪くも、国内外で大きな話題となっているiPhone7。すでに手に入れた方、検討中の方などなど様々だと思いますが、今日紹介するのはiPhone 7のフリーモックアップ「Free Multicolor iPhone 7 Mockup」です。

Free-Multicolor-iPhone-7-Mockup-prev01

基本的な外観はiPhone 6sと大きく変わらないのですが、イヤフォンジャックの廃止やiPhone 7 plusで初めて搭載された2つの背面カメラなどが表現されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:10  |  
Category: Design , Photoshop , vector   
このエントリーをはてなブックマークに追加

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

2016年11月13日

アナログ感のある写真を表現するPhotoshopアクション「Anaglyph Photoshop Actions」

Photoshopなどもフォトレタッチツールで写真は撮影後、様々な表情を見せてくれますが、今日紹介するのはアナログ感のある写真を表現するPhotoshopアクション「Anaglyph Photoshop Actions」です。

analog

ただ綺麗にするだけでは無く、あえてアナログフィルムを現像したような版ズレや粒子などを表現したものとなっています。全部で15種類のフィルタがセットとなっており、様々な表情のアナログ感を表現できるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:21  |  
Category: Design , Photoshop   
2012年06月25日

天気を表現できるアイコンセットまとめ「Free and Premium Weather Forecast Icons Sets」

毎日の天気を表現するのはもちろん人の感情を現したりと、多様なシーンで活躍する天気のマーク。今回は、そんな天気を表現できるアイコンセットをまとめた「Free and Premium Weather Forecast Icons Sets」を紹介したいと思います。


Weather Icons by Gavin Elliott – Designmoo

無料アイコンから有料アイコンまで、用途に合わせて選ぶことのできる天気アイコンがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

モダンテイストなデザイン性のあるアイコンまとめ「50 Modern Examples of Thin Line Icons」

webデザインで頻繁に使用するアイコン。デザイン性のあるものも数多く配布されており、いろいろなストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、モダンテイストなデザイン性のあるアイコンまとめ「50 Modern Examples of Thin Line Icons」です。

icon08025_0
Dribbble – Caviar – Fastbite by Tamer Koseli

いろいろな種類のアイコンがまとめられており、ぜひ使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2012年08月02日

美しい光の世界観を表現できるPhotoshopブラシまとめ「100+ Free Bokeh Brushes For Photoshop」

夏が過ぎると、秋、そして寒い冬はあっと言う間にやってきます。そんな中今回は一足早く、美しい冬のネオンのような光の空間を表現できるPhotoshopブラシをまとめた「100+ Free Bokeh Brushes For Photoshop」を紹介したいと思います。


Free Light Brushes

きらきら輝く光が散りばめられるPhotoshopブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:09  |  
Category: Design , Photoshop   
2010年11月16日

ギャラリー構築のためのjQueryプラグイン集「20 jQuery Image and Multimedia Gallery Plugins」

高機能なjavascriptライブラリjQuery。サイトを製作されている方には説明も必要もないほど有名なライブラリで様々なサイトに実装されており、様々な機能を持ったプラグインが日々、世界中公開されています。今回紹介するのはギャラリー構築のためのjQueryプラグインを集めた「20 jQuery Image and Multimedia Gallery Plugins」です。


Galleriffic

サムネイルが付いたものから、ズームアップのようなエフェクトのもの、iPhoneで見ることを前提としたギャラリーなど様々なギャラリープラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2014年06月24日

web・モバイルサイト制作に活躍するアイコンセットをまとめた「30 Free Web and Mobile Icon Sets from 2014」

インターネットやスマートフォン・タブレットなどの各種媒体のデザインにおいて、欠かすことのできない存在となっているアイコン。限られたスペースであっても、イラストによって手軽に意味を表現できる存在として重宝されています。そんな中今回紹介するのは、web・モバイルサイト制作に活躍するアイコンセットをまとめた「30 Free Web and Mobile Icon Sets from 2014」です。

icon140624_1
Download 100 Free Line-Style Icons | Elegant Themes Blog

たくさんの種類のアイコンが紹介されており、ストックしておくことで便利に利用することができるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2010年11月24日

ハイクオリティなフリーphotoshop素材を集めた「Free Resources for Designers」

デザイン制作をする上で役に立つフリー素材は、持っているだけでとても重宝します。そこで今回紹介するのは、ハイクオリティなフリーphotoshop素材を集めた「Free Resources for Designers」です。


18 High Resolution Acrylic Sponge Brushes | Premium Pixels

テクスチャやボタン、エフェクト、パーツなど、さまざまな種類の素材が数多く収録されいます。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 09:47  |  
Category: Design   
2016年11月01日

レトロポップな170個収録のビジネスアイコンセット「170 Retro Business Icons」

アイコン素材はデザインの感覚を揃えて利用すれば、サイトの統一感、ユーザーインターフェイスの精度など向上させてくれます。今日紹介するのはまとめて利用できるレトロポップな170個収録のビジネスアイコンセット「170 Retro Business Icons」です。

170-retro-business-icons-600-00

上記の様なポップでレトロな温かみのあるデザインテイストでビジネスに関するアイコンが全部で170個収録されています。収録されているアイコンセットは以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 01:59  |  
Category: Design , vector   
2017年01月05日

HTML、CSS、JSが同時に編集できるシンプルなオンラインエディタ「playcode.io 」

フロントエンドエンジニアの多くの方は、自分が利用するエディタというのを決めているとは思いますが、緊急の時だったり、どうしても自分のPCが手元に無い環境でコードを書かなくてはいけないなんて事も極稀ではありますがあると思います。今回紹介するのはそんな、もしもの時のためのHTML、CSS、JSが同時に編集できるシンプルなオンラインエディタ「playcode.io」です。

playcode01

この「playcode.io」非常にシンプルなツールで順番に左からコントロールパネル、HTML・CSS・Javascript、HTMLプレビューと並んでおり、結果を見ながらコーディングすることが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 06:43  |  
Category: Design , WebDesign   
2011年05月22日

商用利用可!psd付きの立体的で光沢感のあるアイコンセット「3D Glossy Icon Set: 20 Free Icons (with PSD)」

サイトデザインには欠かせないアイコン。アイコンを利用することでグッと分かりやすくなったり、デザインのクオリティを上げることが可能ですが、今回紹介するのは商用利用が可能な、psd付きの立体的で光沢感のあるアイコンセット「3D Glossy Icon Set: 20 Free Icons (with PSD)」です。

上記のように、立体的で光沢がある可愛らしいアイコンがセットになって配布されています。同封されているのは5種類の大きさのPNG画像と、photoshopで編集可能なpsdファイル。psdファイルがあるため、サイトのテイストに合わせて自由にカスタマイズできるのがイイですね。

詳しくは以下

(さらに…)

続きを読む
posted 02:40  |  
Category: Design , Photoshop , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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