Macの無料定規アプリ『Linear』がWEB制作に最適。メニューバーに常駐して使いやすい。
起動するとMacのメニューバーに常駐するMacの無料アプリ『Linear』がWEB制作にはもってこいだったのでご紹介。 『Linear』のインストール方法 『Linear』にアクセスして、「Download for Mac」をクリックしてGitHubへ。linear.zipをダウンロードします。 解凍したlinear.appをアプリケーションフォルダへ移して準備OK。 ※アプリ起動時にセキュリティ警告が出て起動できない場合は 「システム環境設定」 → 「セキュリティとプライバシー」 から 「ダウンロードしたアプリケーションの実行許可」 から起動できます。 『Linear』の使い方 『Linear』を起動すると、画面最上層に半透明のパネルがあらわれます。パネルの端にカーソルを移動させるとカーソルの形が変わるので、自由に縮小・拡大することができます。 次の画像のように2本の縦ラインと横ラインの
君たちはそんなにハンバーガーメニューが好きなのかね？
はじめに 本稿は UI Design Advent Calendar 2015 – 8日目のモバイル UI に関する記事です。 まず私はハンバーガーメニューという UI が嫌いです。その理由についてこの記事で説明していきたいと思います。 あの三本線を人はハンバーガーと呼ぶ 最近よく見かけるあの“三本線”のことを海の向こうでは ハンバーガーアイコン とか ハンバーガーメニュー とか言うらしいです。上のがパンで、真ん中のがハンバーグで、下のがパンに見えるからだそうです。にしてもこのただの三本線をハンバーガーと表現するのは少し無理があるような気がします。まあ違和感あれどそこに抗っても仕方がないので、とりあえずこれはハンバーガーと呼称することにします。 ハンバーガーメニューを避けたい理由 真面目にハンバーガーメニューを考察してみます。 1. 何をするのかがわからないアイコン https://dri
自分たちを信じて「つくっては壊して」を6ヶ月くり返した。日本発のゲームアプリ「Brain Dots」世界2,000万ダウンロードの裏側と2つのプレッシャー。 | アプリマーケティング研究所
自分たちを信じて「つくっては壊して」を6ヶ月くり返した。日本発のゲームアプリ「Brain Dots」世界2,000万ダウンロードの裏側と2つのプレッシャー。 今回は、世界2,000万ダウンロードのゲームアプリ「Brain Dots」を取材しました。 ※トランスリミット株式会社 CEO 高場大樹さん （スタッフは25名［アルバイト込］で、ビジネス1名［広報・採用］、デザイナー１名、残りはエンジニア） 「Brain Dots（ブレイン ドッツ）」ができるまで。 「Brain Dots」について教えてください。 「Brain Dots」は画面に線を引いて、2つのタマをぶつけるゲームです。2015年7月にリリースして、世界で2,000万ダウンロード（iOS 40％：Android 60％くらい）されています。 特徴としては「ユーザーの95％が海外」という点です。国別でみると、韓国とアメリカが多いで
手軽にかっこいいアイコンやバナーが作れる(･∀･)神アプリを紹介するよ。 - ポニョの酩酊生活。
どうも、ブログカスタマイズ中のポニョです。 今日はブログやTwitterの顔とも言える、バナーやアイコン作りに役立つアプリを紹介していきますね。 使い道いっぱい♡Adobe Shapeでかっこいいアイコンとバナーを作ろう。 Adobe Shapeは写真から絵を作りだす事ができる便利なアプリ。 切り絵風な画像ができるので、雰囲気を生かして白黒で使うのもよし。 一部分だけ色を塗って、アートっぽく仕上げるもよし。 絵の下書きをiPhoneに取り込む、スキャナー代わりに使うのもよしと使い道はいっぱい♡ 手ブレのある絵もきれいな曲線に処理されるので、フリーハンドで書いた地図もいい感じに仕上がります。 すごく使い勝手のいいアプリだけど、ちょっと使用法が独特なのでコツを書いておきますね。 クセをつかんだら簡単♡Adobe Shapeの使い方。 まずはアプリをダウンロード。 AdobeIDを作れ、と要求さ
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
Between - Best App for Couples
Relationship App for Couples Between is a mobile app for couples in love! Chat, track anniversaries, share photos and video, and plan your schedules together all in one private space. Start using Between now and make your relationship even better! Have loving conversations, just between both of you Express yourselves better with cute stickers and emoticons. Have fun with GIF Selfies. Between is th
UXデザインをアプリ制作のワイヤーフレームとプロトタイプに取り入れるケーススタディ « ブログ｜東京のアプリデザイン制作会社｜株式会社ハラハラ｜harahara Inc.
巷で良く聞かれる「UXデザインとは？」意味が広義にわたるため明快に答えることが出来る人はなかなか少ないのではないでしょうか？ただ「ハラハラという会社で提供するUXデザインとは何？」と聞かれたらこう答えると思います。 “ルック＆フィールによって発生する体験の価値をよりよくする為の作業” UXデザインを正しく運用・開発するためにはIA（情報アーキテクチャ）とそれを実行する手法（ステートメントシート、ペルソナ、カスタマーエクスペリエンスマップ、ワイヤーフレームなど）を組み合わせる必要があります。 今回はそういったツールの中で制作過程におけるレイトステージにおいて弊社で最もハードに使われる「ワイヤーフレーム」と「プロトタイプ」を組み合わせる開発方法を少しだけご紹介いたします(あくまでもアプリの操作法では無くワークフローの一部を抜粋したものになります) 基本的な流れはワイヤーフレーム→プロトタイプの
モバイルUIのデザインに役に立つUIパターンギャラリー集17選 - showrtpath - iOSブラウザ開発日記
2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 Pttrns - Mobile User Interface Patterns 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli · Featured Android Nic
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
iOSのデザインをするときに利用しているツールいろいろ | ナナメウエblog
こんにちは、いつかiOSのデザインのみで食べていきたい鈴木(@suzukisan__)です。 まだまだ若輩ですがiOSのデザイン環境について紹介させて頂きます。 画面設計 iPhone Idea Sheet あまり紙でやることはないのですが、使う場合はこちらのiPhone Idea Sheetです。 うちではむしろエンジニアさんのほうが使っています。 三階ラボ | iPhone Idea Sheet ver.01 あまりに使いやすいのでiPhone5用にiPhone5 Idea Sheetなるものをうちで作成しました。 iPhone5のワイヤーフレームに使えるアイデアシートをイラレで作りました | ナナメウエblog POP 本来は紙に書いたワイヤーフレームから画面設計をイメージするためのものだと思いますが、普通にデザインだけしてコーディング前の画像を取り込んで画面推移を説明す
工事中の地下鉄の神秘的な風景が楽しめるPHOTOギャラリーアプリ「SEE THE LIGHT」: DesignWorks Archive
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 普段何気なく乗っている地下鉄ですが、地下に線路を引く仕事や風景というのは、一般の人だとなかなか見ることができません。そんな中紹介するのが、平成27年に開業を予定している仙台市地下鉄東西線の工事中の神秘的な風景が楽しめるアプリ「SEE THE LIGHT」です。 仙台市「情報産業支援事業」の助成をうけて制
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Balsamiq. Rapid, effective and fun wireframing software. | Balsamiq
900+ User Interface Design/UX ideas | user interface design, interface design, app design
Awwwards Blog - For Web Designers and Developers
iPhone App PSD Free PSD Download