『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
前回こんな記事を書いた。要約すると「戻る」に手が届かねえって話。 同意も多かったのだが、「左端をエッジスワイプで戻る」が実装されている、というコメントを多くもらった。試してみたところ。。。。おお!すごい!たしかに!iOS7からNavigationControllerのデフォルトの挙動として実装されてるらしい*1。 で、これやってみた人いる?なんかやりづらくなかったですか?やりづらかったですよね?やりづらかったことにしましょう。その経緯とそこから広げて色々書いてみようと思うので! 長いですごめんなさい。崩壊の話が聞きたい人は「行き詰まり」から読みましょう。 なぜエッジスワイプはやりづらいのか そもそもスワイプとエッジスワイプの違いはわりと難しい。 スワイプは真ん中辺りにポイントして、上下左右に動かす。エッジスワイプは端にポイントして、内側に動かす。 スワイプとエッジスワイプ このブログに来る
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか? TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
(05/26) iPhone 18シリーズの保護ケース、MagSafeリングはどうなる? (05/18) Apple初の折りたたみiPhone Ultra、ヒンジの欠陥により発売が遅れる (05/18) iPhone 18 Proの保護ケースがリーク!・・・どこも変わっていない? (05/14) Foxconnがランサムウェアの標的に―Appleなどの機密データが8TB盗まれる (05/13) まもなくポテチやかっぱえびせんがモノクロパッケージになるので売り場を見に行くといいよ (05/08) 日本語吹き替えが神すぎる!『バタリアン』がPrime Videoで見放題配信 (05/07) 子どもの誤飲事故を防止するEnergizerのノーバーンコイン電池 (05/02) DJI Mic Mini2と内部収録対応のMic Mini 2Sが発表、でも選ぶべきはMic 3です 2014年3月16日
iOS 7がリリースされてから二ヶ月ほどがたちました。iOS 7はiOS 6のスキューモーフィックデザイン(Skeuomorphic Design)からフラットデザインに変わったと言われていましたが、iOS 7のデザインはメトロUIのようにテクスチャーとシャドウを削ぎ落としたデザインとは異なり、奥行き感が備わったり、動きの演出が見せやすくなっていることから2013年のトレンドであったフラットデザインとは異なると言えます。 スキューモーフィックデザインは、単にボタンなどに立体感を与えて押せる感や触れる感を出すためのものでなく、現実に存在するもののテクスチャーや形状をアプリケーションデザインにも反映させることで、ユーザーがアプリを初めて触る時でも使い方がすんなりわかるように工夫されていました。わかりやすい例がiOS 6以前のボイスメモアプリです。アプリを開くとまず目に入るのがマイクで、その他に
フラットデザインは行動のきっかけとなる要素を見えなくしている。また、周辺部付近でのスワイプは、カルーセルやスクロールに干渉する可能性がある。 iOS 7 User-Experience Appraisal by Raluca Budiu on October 12, 2013 日本語版2013年12月2日公開 iOS 7はAppleのタブレットとモバイルデバイス用のオペレーティングシステムだが、iOSの旧バージョンまでの特徴だったスキューモーフィックデザインをやめた。新しい外見はこれまでのバージョンのオペレーティングシステムとは大きく異なっており、Appleがこれまで8年かけて熱心に構築してきた約束事のいくつかを大胆に放棄している。しかし、新デザインは本当に良くなっているのか。新しい外見の好き嫌いにかかわらず、新機能の中にはユーザビリティにとっては歓迎すべき改善もある。その一方、苦痛をもた
ハイブリッドアプリをさくさくっと作りましょう! ここ1年くらいWebとネイティブの技術を組み合わせたハイブリッドアプリに対する注目が急激に高まっています。Mobile Safariのパフォーマンス向上、HTML5への期待の現れと言えるでしょう。 今回はそんなHTML5を利用したWebアプリケーション開発に使えるフレームワークIonicを紹介します。この手のフレームワークはたくさんありますので、より先進的なものを選ぶと最新の機能が使えるのではないでしょうか。 タスク一覧のデモ。ヘッダー、フッターは常時張り付きます。 タブバーをクリックして画面の切り替えもできます。 スライドメニュー。画面をスワイプまたは左上のメニューアイコンをタップします。 メニューが左からスライドしてきました。 画面を切り替えた後の戻る機能もあります。 フォーム。 サンプルの天気アプリ。 地図アプリ。 プロフィールアプリ。
前回はiOS7が採用したフラットデザインの特徴や理由、メリットなどをお話しました。 今回は見た目にすぐにわかるそのデザインテイストだけではなく、それ以外の部分にも焦点をあててお話したいと思います。フラットデザインに目を奪われがちではありますが、実際に細かく見ていくとそれ以外の変更点もたくさんあることがわかって頂けると思います。 全幅テーブルビューの推奨 iOSでは今まで通してずっと「テーブルビュー」と呼ばれるリスト形式のUIを、様々な箇所で採用してきました。 テーブルビューには「プレーンスタイル」と「グループスタイル」の2種類があります。グループスタイルは一つのページ内で複数セクションのリストを配置する際に使われています。 iOS6までのプレーンスタイルとグループスタイル しかし今回のiOS7から、グループスタイルのリストが撤廃され、テーブルビューは全幅のプレーンスタイルのみとなりました。
レスポンシブ対応で背景画像は固定表示、美しいブラーがかかった半透明のパネルだけがスクロールするコンテンツを実装するスタイルシートを紹介します。 最低限の要素にしたデモ 実装は、こんな感じになります。 HTML パネルはarticle要素で実装します。中身はテキストでも画像でもフォームでも何でもOK。 <body> <article> <h1>半透明の美しいパネル</h1> <p>洋酒といえば、誰でも最初に思い浮かべるのがウイスキー。いわば洋酒のシンボル的な存在なのだが、英語表記が[一般に〔米〕では Whiskey,〔英〕では Whisky.]であることはあまり知られていない。米英両国では、このスペルの差で自国産と輸入品を区別しているという。わが和製ウイスキーの“Whisky”という英国式表示は、手本にしたスコッチのフォルムに倣ったものであり、それ以上の意味はないようだ。カナ表記にしても、ご
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
Appleのスマートフォン向けOSが新しくiOS 7にアップグレードしたことで、多くの新機能や改良が施されましたが、新しく生まれ変わったのはiOS 7やApple純正アプリだけではありません。多機能メモアプリである「Evernote」も便利に進化している、とのことなので実際にいじくり回してみました。 美しく、新しい Evernote for iOS 7 が登場 | Evernote日本語版ブログ http://blog.evernote.com/jp/2013/09/19/15270 ◆新しくなったEvernote これが新しいEvernoteのトップ画面。iOS 7のフラットデザイン化に伴って、Evernoteもシンプルになりました。 旧Evernoteはこんな感じで、デザインやメニューの配置が大きく変更されていることが分かります。 トップ画面の下部には…… 「クイックノートバー」が出現
新iPhoneにiOS 7、ジョナサン・アイヴとクレイグ・フェデリギ大いに語る2013.09.30 22:00 福田ミホ iPadの過去もサラっと。 Business Weekが、iPhone 5s/5c発表から一夜明けてのアップルのジョナサン・アイヴ氏とクレイグ・フェデリギ氏のインタビューを掲載していました。それぞれデザイン担当とソフトウェア・エンジニアリング担当の上級副社長として、新iPhone 5やiOS 7の開発を振り返っています。アイヴ氏はギズモードにもたびたび登場してますが、フェデリギ氏は今年のWWDCのプレゼンで、ものすごく弁舌さわやかなのが印象に残った方です。 社内でも「1分の距離」で仕事をしているというふたりが打ち解けた雰囲気で、新製品に限らず過去の裏話とかデザイン思想とかアップルへの愛とかとか、あれこれ語ってます。読み応えのある内容でしたが、以下にハイライトを抜粋してお
Apple’s new look and feel in iOS 7 is certainly polarizing, that much is clear. While approximately half of those who took part in our informal iOS 7 makeover poll said they loved the new design, nearly a third think the new interface will take some time getting used to. While the vast majority seem to support the facelift, a lot of people have taken issue with the new iOS 7 icons. Complaints rang
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く