ディレクター・エンジニアに勧める、デザインツールSketchを使う3つの理由(わけ) - 日々ささくれ
みなさんこんにちは、Webデザイナーのnoaです。 冬が近づいてきたなと日に日に感じる今日この頃、いかがお過ごしでしょうか。 さて、今回は普段Photoshop&Illustratorを愛用するAdobe製品大好き人間の私が ある経緯からSketchに触れ「是が非でもこのツールの良さをみなさんに伝えたい！！」と思い、 実際にツールを利用する利点を記事にまとめてみました！ 1.Sketchを導入しようと考えた経緯 エンジニアとの意思疎通がうまくできなかった 2.インストールとワイヤー作成 まずは初期設定！ とりあえずワイヤーフレームを作ってみる 作成したのがこちら 3.Sketchを勧める3つの理由(わけ) 1.非デザイナーでも感覚でツールを使用することができる 2.プラグインの種類が豊富で、足りない機能を補うことができる 3. レスポンシブデザインを意識、他者とのコミュニケーションが円滑に
コンテンツから先に考えなければデザインすらできない理由 : could
ワイヤーフレームの間違った使い方 たまにリニューアル案件をいただくときがありますが、見た目より先にコンテンツを整理しましょう、一緒に作っていきましょうと説得するようにしています。このサイトでも様々な角度からコンテンツの重要性を語ってきましたが、最もシンプルな方法は「UX を考えていきましょう」「モバイルファーストで戦略を練っていきましょう」といった専門性の高い言葉を使うのではなく、今までのやり方ではうまくいかないということを分かりやすく説明することです。 従来の Web サイト制作でよくあったのが、まずワイヤーフレームをつくって情報の大まかな構成を設計するというやり方。ワイヤーフレームを作ることは間違っていませんが、コンテンツを作る前に始めてしまうと、あとで大きなギャップを埋める作業が発生することがあります。コンテンツなしで構成を作り始めると、例えば以下のような状況に陥ります。 文字が多過
iPhone ステンシルパックを作りました - Liner Note
ひとまず近況報告 お久しぶりです。前回の記事から、実に21ヶ月ぶりの投稿になります。 今はミツエーリンクスという会社でユーザビリティ屋さんをしています。もともと、更新にはある程度の時間を使っていたので、社会人になってから全く更新できなかった、というのが一通りの言い訳です…。 スマートフォン用ステンシルパック 今は、個人的 / 会社的に、スマートフォン用サイトの設計をたまにやっていたりするのですが、ワイヤーフレーム作成にはある程度素材が必要なわけになります。もちろん、iPhone 4 GUI PSD (Retina Display)やYDN Design Stencil、あるいはそのほかの素材集がいろいろあるわけですが、PowerPointでのワイヤーフレーム作成を考えると、PSD/AIファイルはとても取り扱いがしにくい。 ということもあり、休日を使ってPowerPointでステンシルキット
Paper Browser - Rain-Creative
Wireframe modeling is an extremely important stage of any web development. But once the preliminary sketches are made and the basic architecture of the site’s content is defined, it’s often tempting to go directly to the development process. And after all, creating a wireframe model – the next thing after conceptual site planning and before its concrete development – can be hugely beneficial to th
CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices | The Jotform Blog
The main idea behind CSS-based layouts is offering more flexibility and enhancing the visual experience of visitors. Some important tips and related key-factors can help to learn basics and keep essential techniques in mind. And this is what this article is all about. Finding the perfect Layout that have Total Flexibility, Equal Height Columns and just works fine. So we’ve decided to take a deep l
DUB - DENIM
DENIM is a system that helps web site designers in the early stages of design. DENIM supports sketching input, allows design at different refinement levels, and unifies the levels through zooming. [More] Try an exported DENIM HTML site Videos Current DENIM System RealPlayer G2, 8.0, or RealOne Player: 56 Kbps - 320×240 | 300 Kbps - 640×480 (Download RealPlayer) Excerpt - Downloadable R
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ワイヤーフレームやユーザーインターフェイスのデザイン用のフリーの素材集
Online Diagram Software - Gliffy
Design Stencils - Yahoo! Design Pattern Library