ダウンロードしておくべし！iOS 8のGUI要素をまとめたPSD素材の決定版 -iOS 8 GUI PSD(iPhone 6)
iOS 8 GUI PSD (iPhone 6) A Photoshop template of GUI elements found in the public release of iOS 8. HDownload PSD Updated October 14, 2014 License stuff: The sole purpose of this file is to help you pitch, design and build amazing software. The file nor its elements are to be repurposed as your own. It can’t be broken apart and used to create similar tools. Make good stuff The PSD is a well organi
To mock-up the user interface of a website, software or any other product, you’ll need some basic UI elements. And this is where wireframing kits and UI design kits come in handy. When you want to create a low-fidelity prototype for your projects, you can use these kits to give your idea a certain shape, keeping it abstract and not losing yourself in details. In this post, we’ve prepared an overvi
Photoshopで開いたキャプチャ 各エレメントはベクターなのでカラー変更なども簡単にできます。 アイテムは2種類。 Transparent Style 要素は透明で作成されており、洗練されたモダンなデザイン。背景のカラーを変えたり、写真画像を配置しても面白いと思います。 iOS 7 Line Style iOS 7ライクのソリッドなラインで構成されたデザイン。
美しい半透明のガラス、よりリアルに見えるパースペクティブ、極限まで簡略化されたソリッドなアイコンが揃ったiOS7用アプリのモックアップ素材を紹介します。
ソリッドなライン、磨りガラスのようなパネル、落ち着いたパステル調のカラースキームなど、iOS7のヴィジュアルガイドラインに基づいた美しいUIコンポーネントのPSD素材を紹介します。
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く