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年09月10日

デザイン性の高いクリエイティブフォント25種「25 New Free Fonts for Graphic Designers」

デザインクオリティの重要な鍵を握るフォント選びは慎重に行いたいもの。今回はそんなシーンで参考にしたい、デザイン性の高いクリエイティブフォント25種「25 New Free Fonts for Graphic Designers」を紹介したいと思います。

font0910_1
MODEKA – Free Font on Behance

シンプルなテイストから、個性的なタイプまで、いろいろなテイストのフォントがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 11:15  |  
Category: Font   
2015年04月28日

新しく公開されたフリーデザインフォント15種「15 Latest Free Fonts for Designers」

デザインのトレンドとともに、フォントも次々と新しいタイプのものが登場し続けています。そんな中今回紹介するのは、比較的新しく公開されたフリーデザインフォント15種「15 Latest Free Fonts for Designers」です。

font0424_1
ModernFex (Free Font) on Behance

デザイン性に拘りが感じられるフリーフォントが15種紹介されています。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2013年06月02日

jQueryで実現する動画、音楽プレイヤー「10 Useful jQuery Video & Audio Players」

最近では動画や音楽もFLASHに頼ること無く、HTMLとjsのみで扱えるようになってきて、jQueryを利用すれば、かなり高度なプレイヤーを実現することも可能です。今日紹介するのはシンプルなものから一風変わったものまで、jQueryで実現する動画、音楽プレイヤーを集めたエントリー「10 Useful jQuery Video & Audio Players」です。

22
Responsive & Touch-friendly Audio Player

全部で10個の動画、音楽プレイヤーが紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:52  |  
Category: WebDesign   
2014年11月18日

錆びた金属のフリーテクスチャ「6 Free Old and Rusty Textures」

フリーで数多く配布されているテクスチャ。テーマとなっている種類にもさまざまなタイプがありますが、今回紹介するのは、錆びた金属のフリーテクスチャ「6 Free Old and Rusty Textures」です。

rust1

古くなって味のある雰囲気に錆びついた6種のテクスチャがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:52  |  
Category: Design   
2012年12月20日

シンプルなベースフレームで明快にレスポンシブデザインが実装できるフレームワーク「BASE」

最近のWEBデザインの主流の一つレスポンシブデザイン。端末の解像度に応じて、その端末に最適化したデザインを提供してくれるものですが、慣れていないとなかなか一から構築となると難しいものです。今日紹介するのはシンプルなベースフレームで明快にレスポンシブデザインが実装できるフレームワーク「BASE」です。

こちらは「Super Simple Responsive Framework」とある通り、至ってシンプルなもので、テキストリンク、リスト、テーブルなどなど、基本要素のみで構築されています。

詳しくは以下

(さらに…)

続きを読む
posted 12:15  |  
Category: WebDesign   
2010年06月07日

フェードインでロールオーバーできるjQueryプラグイン「hoverFade」

メニューなどのインターフェイスの仕掛の一つとしてスタンダードな手法ロールオーバー。自分が今、何を触っているのかがすぐに分かるUI向上のためには常識的なものです。今回紹介するのはそんなロールオーバー処理をフェードインで表現するjQueryプラグイン「hoverFade」を紹介したいと思います。

developsfover

本の少しの違いですが、通常のロールオーバーに比べると作りこんだ感じを受けます。とくにメニュー部分などユーザーの目が触れやすく、常に触る部分への実装はクオリティを高く見せるためにも重要なのではないかなと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:04  |  
Category: WebDesign   
2018年09月20日

トレンドの配色をカラーコード付きで参照できる「Trendy Palettes」

デザインの印象を決定付ける、重要な要素の一つに配色があります。色の組み合わせは思っている以上に難しく、いつも同じような配色になってしまう、または配色自体が思いつかないと色で悩んでいる方も多いと思います。今回紹介するのはトレンドの配色をカラーコード付きで参照できるWEBサイト「Trendy Palettes」です。

colorpare00

基本的には三色の組み合わせパターンが登録されており、色の組み合わせとそれぞれのカラーのカラーコードを参照することが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , WebDesign , WebService   
2012年11月26日

特別な印象を与えられるリボン素材まとめ「A Collection of Beautiful Free Ribbons PSD Files」

webデザインのあしらいとして利用されることの多いリボン素材。使いやすい素材だけに、バリエーションはなるべくたくさん保持しておきたいもの。そんな中今回は、リボン素材の多彩なデザインをまとめた「A Collection of Beautiful Free Ribbons PSD Files」を紹介したいと思います。


Fabric Ribbons – 365psd

タイトルとして利用できるタイプから、デザインのワンポイントとして利用できるものまで、さまざまなテイストが収録されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

屋外広告のデザインモックアップまとめ「12 Free PSD Outdoor Advertising Billboard Mockups」

屋外に設置される看板広告。サイズや場所にもいろいろなタイプが存在しており、イメージチェックのためにモックアップを使用することでより効果の高いデザインに仕上げることができるのではないでしょうか?そんな中今回紹介するのは、屋外広告のデザインモックアップまとめ「12 Free PSD Outdoor Advertising Billboard Mockups」です。

psd0103_2
FREE PSD CITY OUTDOOR BILLBOARD MOCKUPS on Behance

いろいろなタイプの屋外広告用のモックアップがまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

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

オンラインCSSメニュージェネレーター「IzzyMenu」

CSSのメニューを生成してくれるWEBサービスは今まで「プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」」や「CSSベースのクールなリストが簡単に作れる「List-O-Matic」」と紹介してきましたが、今回紹介する「IzzyMenu」はWEB上で簡単にプレビューしながらCSSメニューが作れるWEBサービスです。

CSSメニュー

基本言語は英語ですが、わかりやすいく明快なインターフェイスですので英語が苦手なんて言う方もあまり苦なく使えるかと思います。AJAXを使用しているみたいでスムーズに生成結果を見ることができます。

詳しくは以下

(さらに…)

続きを読む
posted 03:23  |  
Category: WebDesign   
tag: CSS webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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