こんにちは、だいきです。 2013年になってからもう二週間以上過ぎてしまいました。 新年になって海外の多くのブログで「2013年のWebデザインのトレンド!」 のような記事が出ていたので、UIデザイン会社であるGoodpatchのブログでは 「2013年に流行るであろうUIデザインのトレンドまとめ」をしてみたいと思います! 1. アニメーション (参照: The Good Man http://thegoodman.cc/ ) このサイト「The Good Man」はブラジルのデザイナーさんが学校の卒業制作として作ったサイトだそうです。 一切画像を使わずHTMLとcss3で作られたのにも関わらず、一つのムービーを見ているかのようです! このようなアニメーションがWebサイトで使われることで、コンテンツやサービスをよりユーザーに理解してもらえたり、Webサイトにおもしろい効果をつけられそうで
こんにちは、だいきです。 今回はUIに関するおもしろい講演のまとめを見つけたのでブログにしました! その講演は2011年の年末に開催された「シリコンバレー コードキャンプ」にてCitrixのプロダクトデザイナーであるUday Gajendar氏が 「より良いUIデザインを作る為に必要な8つの基礎 (原文タイトル: “How to Master Good UI Design”)」 にという題目で話したものです。 (Citrixとは…米国フロリダ州に本拠を置く情報テクノロジー企業のことである) 以下がGajendar氏がその講演内で話した8つの基礎的なUIについてです。 (この記事はDICE内の記事 “How to Master Good UI Design”の翻訳です) 基礎1:グリッド/レイアウト/構造 photo credit: adactio via photopin cc Gaje
ステンシル ステンシルの中からワイヤーフレームを選び、下のボックスからドラッグ&ドロップで挿入します。 メニューバーのボタンをクリックすると設定画面が出てきます、この画面で、好きな値に変形できます。 そして背景はロックすることをおすすめします!ロックすることで、ほかの要素を動かすときに背景が影響を受けなくなりますのでおすすめです。 グループ ある程度要素がまとまったらグループ化すると作業が楽になりますよ! 画像挿入 画像も簡単に挿入できます、Cacooは画像を自由に変形させることができるんですが、この機能は便利です。画像を無理矢理、枠におさめることが可能です。 (本当はちゃんとサイズを計算して画像も作りますが急ぎのときなどは便利です。) 書き出し 完成したら、書き出します。 無料版はPNGのみ回数無制限で、PDFなどは3回まで無料となってます。 簡単にワイヤーフレームが完成しました。次はこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く