TOP  >  iPhoneX

Tag : iPhoneX

2018年02月14日

iOS11とiPhoneXモックアップに最適なテンプレート「iOS 11 UI Kit for iPhone X」

日々進化し続けるテクノロジーの変化にともないアップデートされるiOS。webデザインに関わる方なら誰もがその変化や最新の技術に目を向けておくべきです。そんな中今回紹介するのは、iOS11とiPhoneXモックアップに最適なテンプレート「iOS 11 UI Kit for iPhone X」です。

iOS11_UIki01

Webデザインにとって重要な役割をもつUIが豊富に揃ったセットです。気になった方は是非チェックしてみてください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
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年10月31日

新機種iPhoneXのUIデザインのヒント集「UI Design Tips for iPhoneX」

間も無く発売されるiPhoneX。販売開始を楽しみにしている人は多いのではないでしょうか。そんな中、デザインに携わるデザイナーやデベロッパーはいち早く新機種に対応するため、ディスプレイサイズや構造を知っておく必要があります。今回は、新機種iPhoneXのUIデザインのヒント集「UI Design Tips for iPhoneX」の紹介です。

iPhoneXUI_01

全面ディスプレイになったiPhoneXは今までとは異なる点がいくつかあります。疑問を解決するためのヒントが紹介されていますのでWebデザイナー必見です。

詳しくは以下

(続きを読む…)

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

洗練された雰囲気が特徴のiPhone Xモックアップセット「iPhone X Mockup Set」

11月に発売予定のiPhoneX。多くの人が発売を待ち望む中、デザイン業界ではすでに実機のモックアップが数多く登場しています。そんな中今回は、洗練された雰囲気が特徴のiPhone Xモックアップセット「iPhone X Mockup Set」を紹介したいと思います。

iPhoneX_mock-up01

iPhone Xをテーマに、シンプルで使いやすい構成のモックアップビジュアルがまとめられています。

詳しくは以下

(続きを読む…)

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

iPhone Xのモックアップテンプレート「Free iPhone X Mockup Templates (28 Mock-ups)」

先日、iPhone8と同時に発表されたiPhoneX。全面ディスプレイになった新しいフォルムと新機能が搭載され、手に取るのが待ち遠しい方は人はとても多いのではないでしょうか。新機種が発表されると、デザイナーはそれに合わせてデザインを提案しなくてはなりませんが、今回はそんな時に役立つ、iPhone Xのモックアップテンプレート「Free iPhone X Mockup Templates (28 Mock-ups)」を紹介します。

iphone-x-mockup01
iPhone X Mockup PSD – Free Download on Behance

早くも28種類の様々なテイストのモックアップが集約されており、デザイナーにとって必見の内容のとなっています。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2014年02月23日

定番としてストックできるフラットアイコンセット「Flat Icon Set」

デザイン素材の中でも特に重宝する存在となっているアイコンは、現在のフラットデザイン主流に合わせたタイプが数多く登場しています。そんな中今回紹介するのは、定番としてストックできるフラットアイコンセット「Flat Icon Set」です。

ficon140222

よく使う種類を基本に、ちょっと変わったものをモチーフにしたものも一緒にまとめられており、定番アイコンとして活躍してくれそうです。

詳しくは以下

(続きを読む…)

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

Designの考え方から、プロセスまで「デザインする」をまとめた「[Beta] How do you design?」

皆様はデザインをする時、何を思い、どのような手順でデザインwお行っているでしょうか?今日紹介するのはデザインの考え方やプロセスなどを分かりやすく図説で解説してくれる「[Beta] How do you design?」です。

デザインといってもその意味は広く、ジャンルは多岐にわたりますが、この「[Beta] How do you design?」では様々なジャンルのデザインプロセスがまとめられています。現在PDFで全ページ閲覧できるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:33  |  
Category: Design   
tag: Design
2015年05月25日

すっきりとしたデザインに最適 フリーラインアイコンまとめ「33 Free Line Icon Sets You Must Have In Your Resources」

アイコンの種類の中で、ラインで描きだされたアイコンはシンプルに合わせやすく、いろんなシーンで活躍してくれます。そんな中今回紹介するのは、すっきりとしたデザインに最適 フリーラインアイコンまとめ「33 Free Line Icon Sets You Must Have In Your Resources」です。

lineicon0525_0
Designer Fuel

定番として使えそうなものを中心に、たくさんの種類のラインアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:50  |  
Category: Design   
2011年08月25日

カラフルな虹色のバックグラウンド素材集「30 Colorful Rainbow Backgrounds」

出現するだけで、誰しもが自然と空を見上げてしまう不思議な力を持つ虹。今回は、そんなパワーを持つ”虹”をモチーフに制作されたバックグラウンド素材を集めた「30 Colorful Rainbow Backgrounds」を紹介したいと思います。


Rainbow stripes | Flickr – Photo Sharing!

リアルな虹の写真はもちろん、イラストや抽象的な表現まで、虹色を基調にしたさまざまなバックグラウンド素材が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:00  |  
Category: Design   
2015年03月03日

レスポンシブブログを手軽に フリーwordpressテーマ15種「15+ Best Free Responsive Blog WordPress Themes」

今や、レスポンシブ対応でサイトやブログを設計するのは当たり前となってきており、1から構築する手間を省くためテーマを利用することで時間とコストの効率化を測ることができます。今回はそんな時に参考にしたい、 フリーwordpressテーマ15種「15+ Best Free Responsive Blog WordPress Themes」を紹介したいと思います。

responsiveblog1
WordPress › Nictitate « Free WordPress Themes

wordpressを使ったブログのレスポンシブテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WordPress   
2008年04月03日

【FreeFont】女性の手書き風ひらがなフォント「アイコ」と「はるか」

綺麗な設計されつくされた書体も美しく、読みやすく良いのですが、やはり人間の温かみを感じられる手書きも独特の魅力があります。今日紹介するのは手書き風のひらがなフォント「アイコ」と「はるか」です。

aikoharuka.gif

めちゃくちゃやわらかく、くだけた感じではなく、適度な手書き感を残しながらも、手書きの良さがわかるそんなフォントだと思います。どちらかというと「アイコ」の方が堅い感じを受けます。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:34  |  
Category: Design , Font   
tag: Design Font
2012年01月13日

さまざまな表情のレザー素材テクスチャまとめ「35+ Free Leather Textures to Heat Up Your 2012 Projects」

デザイン制作時によく利用するテクスチャ素材。シンプルなタイプのものはアレンジが効くため使いやすく、非常に重宝すると思います。今回紹介するレザーテクスチャまとめ「35+ Free Leather Textures to Heat Up Your 2012 Projects」も、アレンジの幅が広がる、とても便利な素材集です。


Leather Texture 06 | Texture Online

レザーの質感を感じながらも、背景素材などとして使いやすいタイプのテクスチャがたくさんまとめられています。気になったものをピックアップしてみましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:54  |  
Category: Design   
2017年01月06日

シンプルなデザインに合う天気フリーアイコンを集めた「20 Free Weather Icon Sets with Minimal Designs」

あまり使用する頻度は高くありませんが、あるといざという時に便利な天気アイコン。たくさんの種類がフリーで配布されており、今回はその中でもシンプルなデザインに合う天気フリーアイコンを集めた「20 Free Weather Icon Sets with Minimal Designs」を紹介したいと思います。

weathericon0105_3
24 Weather Icons – Freebie by Carl Robin Kylander ✦ – Dribbble

ミニマルテイストなものを中心に、さまざまなバリエーションを揃えたアイコンセットがピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2013年07月12日

上質な雰囲気が演出できる ヴィンテージペーパーテクスチャセット「8 High-res, Vintage Paper Textures」

デザインをより良く彩ってくれるテクスチャはたくさんありますが、常に新しくクオリティの高いテクスチャはチェックしておきたいものです。そんな中今回紹介するのは、上質な雰囲気が演出できるヴィンテージペーパーテクスチャセット「8 High-res, Vintage Paper Textures」です。

dd_01

メモが書き込まれたような使い込まれた雰囲気や、シミがついたような種類など、リアルに使い込まれた雰囲気が演出できるビンテージ素材が8種類セットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:42  |  
Category: Design   
2016年03月14日

ハンバーガーボタンにアニメーションを「Tasty CSS-animated hamburgers」

スマートフォンサイトではすっかりお馴染みのメニューアイコン、ハンバーガーボタン。最近ではスマートフォンだけではなく、PCサイトもメニューとして利用されているのもよく見ますが、今回紹介するのは、ハンバーガーボタンにアニメーションを簡単に与えることができる、「Tasty CSS-animated hamburgers」です。

Hamburgers

こちらはCSSのアニメーションを利用してスムーズにアニメーションするハンバーガーボタンを簡単に実装可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:33  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る