AppleのWebサイトの一部がリニューアル。ドロップダウンメニューに変更 - iPhone Mania
Appleは、同社のWebサイトの画面上部に表示されるメニューバーのデザインを変更しました。デザイン変更は、iOS版だけでなくブラウザ版にも適用されています。これにより、上部のメニューバーに表示されている各カテゴリにマウスオーバーすると、そのカテゴリの製品の詳細へのクイックリンクを含むドロップダウンメニューが新たに表示されるようになりました。 上部メニューバーのデザインを変更 これまでAppleのWebサイトのナビゲーションバーは静的で、ドロップダウンメニューのようなものは用意されていませんでした。例えば、上部のメニューバーの「Mac」をクリックすると別のMac専用ページに移動し、そのページには現在利用できる様々なデバイスを表すアイコンが表示されていました。 リニューアルされたiOS版Webページでは、「Mac」をタップすると、ブラウザ版Webページでは「Mac」にマウスオーバーするだけで
Appleのサポートページのデザインが刷新〜よりわかりやすいレイアウトに - iPhone Mania
Apple公式Webサイトのサポートページが生まれ変わりました。デザイン刷新は、ここ1週間以内に行われた模様です。 抽象的なアイコンからわかりやすい製品イメージに これまでAppleのサポートページのナビゲーションメニューは、抽象的な製品カテゴリのアイコンでできていましたが、よりわかりやすいより写実的なアイコンへと置き換えられています。 以前のページとは異なり、トップにはApple製品の使用シーンがグリッド状に並べられています。 メインメニューは、従来どおり下記の3つのセクションで構成されています。 Apple IDやパスワードを忘れた場合 Appleの修理 請求とサブスクリプション 偽造部品の注意喚起も追加 Appleは新サポートページで、iOS16にアップデートして「最新バージョンを入手」することを勧めており、AppleCare+もハイライトしています。 また、偽造部品に関する警告も追
Apple、Web版「iCloud .com」のデザインを刷新。最近の写真やメール、メモがひと目で分かるカスタマイズ可能なタイルデザインを採用。
AppleがWeb版iCloud.comにカスタマイズ可能なタイルデザインを採用したと発表しています。詳細は以下から。 Appleは現地時間2022年11月16日、これまでBeta版を公開しアップデートを続けてきたブラウザからiCloudサービスを利用できる「iCloud.com」の新デザイン版を正式に公開したと発表しています。 iCloud.comは、これまでメールや連絡先、カレンダー、写真、iCloud Drive、メモ、リマインダー、iWork(Pages, Numbers, Keynote)と探す機能のアイコンが表示され、そのアイコンをクリックすることで各機能を利用することが出来ましたが、 新しいiCloud.comは各アプリや機能に直接アクセスしたり、内容をひと目で確認できるタイルデザインが採用されており、各タイルは右上のタイルメニューかホームページの一番下にある → [ホームペ
AppleのSystem 6のUIをCSSで再現できる「System.css」が公開。
AppleのSystem 6のUIをCSSで再現できる「System.css」が公開されています。詳細は以下から。 Apple(旧Apple Computer)が、Classic Macintosh向けに1984年から1991年まで開発していたSystem OSはモノクロームデザインながら、現在のmacOSの基礎となっていますが、このSystem OSのUIをCSSで再現できるライブラリ「System.css」が公開されています。 System.css is a CSS library for building interfaces that resemble Apple’s System OS which ran from 1984-1991. Design-wise, not much really changed from System 1 to System 6; however
Apple、iPhoneの購入ページのデザインを大幅変更 - iPhone Mania
刷新されたiPhone購入ページでは、画像が大きくなり、ショッピングアシスタントへ迅速にアクセスできるようになっています。また、下取り（Trade In）にも力点が置かれるようになっています。 画像のサイズが段違いに大きく 以前の購入ページのデザインは、左側に静止画像、右側に設定オプションという2カラム構成となっていました。新デザインでは、下取りに出すスマートフォンモデルの選択や、大きな画像と洗練されたユーザーエクスペリエンスに焦点が当てられています。 新デザインでも画像と設定オプションは2つのカラムに分けられていますが、画像のサイズが以前とは段違いに大きくなっており、iPhoneのカラーオプションが見やすくなっています。 設定のプロセスを進めていくと、これまでになかったAppleの社員によるビデオが表示されるようになっており、ストレージの選択方法などを学ぶことができます。また画面右下から
Apple、Apple ID管理サイトを刷新 シンプルなデザインに - こぼねみ
Appleは日本時間11月5日、Apple IDの管理サイトのデザインを刷新しました。 新しいトップページは、円形に配置されたドットとAppleロゴのデザインとなっています。 以前のデザインは、いろいろなAppleデバイスを使用している人々を撮影した写真が中心のデザインでした。 トップページには次の説明があり、さらにその下にはApple IDでできることが示されています。 1つのアカウントでAppleのすべてのサービスを利用できます。 1つの Apple ID とパスワードで、Apple のサービスすべてにアクセスできます。 アカウントを管理するには、サインインしてください。 Apple IDの管理ページログインすると、利用可能なすべてのApple ID管理オプションがカード形式で表示され、左側にはナビゲーションメニューがあります。 ナビゲーションメニューには、サインインとセキュリティ、個
「Apple IDを管理」ページのデザインが刷新 - iPhone Mania
Apple IDの管理ページが、以前と比べてずっとモダンかつクリアになりました。 カード形式でわかりやすく 新しいApple IDのランディングページは、新しいドットとAppleのロゴのデザインに加え、Apple IDのWebサイトがどのように利用できるかについての情報が記されています。Apple IDのWebサイトにログインすると、利用可能なすべてのApple ID管理オプションがカード形式で表示され、左側にはナビゲーションもあります。 アカウントでは、通知のためのメールアドレス、パスワードの最終更新日、2ファクタ認証の有無などが一目でわかります。ナビゲーションをクリックすると、名前、誕生日、連絡可能なメールアドレス、デバイスリスト、支払い方法などの詳細情報が表示されます。 最初にデザイン刷新に気付いた米メディアMacRumorsは、「サイト全体がシンプルで、反応が速く、ナビゲートしやす
ジョナサン・アイブ氏のデザイン会社「LoveFrom」の公式Webサイトが開設 - iPhone Mania
Appleで最高デザイン責任者を務めたジョナサン・アイブ氏が自身が立ち上げたデザイン会社「LoveFrom」の公式Webサイトがオープンしました。同社のビジュアルアイデンティティが初めて明かされています。 錚々たるメンバーで構成されるクリエイティブ集団 英グラフィックデザイン巨匠のピーター・サヴィル氏や、元Apple従業員のクリス・ウィルソン氏などから成るクリエイティブ・コレクティブ「LoveFrom」は、アイブ氏がAppleを退社した2019年に創設されました。 2020年には、民泊仲介サービスのAirbnb、最近ではフェラーリとのコラボが報じられたLoveFromですが、これまで公式Webサイトは公開に至っていませんでした。 ビジュアルアイデンティティが明らかに 今回、LoveFromのサイト「LoveFrom.com」がオープンしていると伝えられました。 アイブ氏のデザイン会社だけあ
Appleのようなスクロールに連動したエフェクトもこれなら簡単に実装できる1KBの超軽量スクリプト -ScrollOut | コリス
スクロールするとコンテンツをふわりと表示させたり、追従するように表示させたり、ビューポートに表示されてない画像をLazyLoadさせたり、そういえば今回のApple Watchでも面白いスクロールエフェクトが採用されていますね。 スクロールによる変化を検出し、それに合わせてCSSのさまざまなエフェクトを簡単に与えることができる1KBの超軽量JavaScriptライブラリを紹介します。非常にシンプルなので、他のJavaScriptやCSSアニメーションのライブラリと一緒に使用することも簡単です。 実装が簡単 スクロールの変化を検出し、CSSのさまざまなエフェクトを簡単に与えることができます。 超軽量 1KBの超軽量ライブラリ。 依存は無し スクリプトは単体で動作し、他スクリプトへの依存は一切ありません。 ブラウザのサポート IE11を含む、デスクトップ・スマホ用のすべてのブラウザをサポート。
Apple、Mac/iOS App StoreのWebページデザインを刷新しレスポンシブデザインに対応。
AppleがMac/iOS App StoreのWebページデザインを刷新しているそうです。詳細は以下から。 9to5MacによるとAppleは本日、MacやiOSアプリの情報を公開しているWebページのデザインを刷新し、最新のiOS App Storeアプリの様にアプリのアイコンやスクリーンショットやアプリをダウンロードする方法などを最上部(ファーストルック・エリア)に置くデザインに変更したそうです。 The new redesign takes cues from the all-new App Store in iOS 11, which offers larger images, a focus on curation and reviews, and more. On the new webpage, you’ll see a larger app heading, preced
ネット上の遺産「阿部寛のホームページ」がついに移転 懐かしすぎるデザインは据え置きの歴史的英断
デザインが懐かしすぎることから一部で「ネット上の遺産」として親しまれている俳優・阿部寛さんの公式サイト「阿部寛のホームページ」。同サイトがとうとう新サービスに移転したものの、例のデザインがそのまま残されたことでファンの間で喜びの声があがっています。 阿部寛のホームページ 「阿部寛のホームページ」の特徴といえば、人気俳優の公式サイトとは思えないほどシンプルなデザイン。コテコテのフレーム設定、背景にずらりと並ぶ「ABE Hiroshi」の文字、テキストリンクの羅列が中心の武骨な情報更新など、あふれだす「90年代後半のホームページ感」でネット民に愛されてきました。 情報はしっかり最新のものに更新されています 移転はこれまで利用していたニフティのホームページサービス「@homepage」の終了を受けてのもの。移転をきっかけにデザインに手が入ることを心配する声もありましたが、今までどおりの味わい深い
Material Design Lite のご紹介
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Appleがトップページで自動送りカルーセルをやめた理由
残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですw そして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト（巨大ヒーローイメージと4つのフィーチャーボックス）が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて「ついに、あれもお亡くなりになられたか」と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると
アップルのWebサイトが今さらスマートフォン対応をした理由 | ベイジの社長ブログ
2014年9月9日、アップルの新製品発表会が行われました。 人々の注目は、iPhone6とApple Watchだったと思いますが、Web制作者としてちょっとした驚きだったのは、発表と同時にWebサイトがスマートフォン対応したことです。 現在、多くの企業サイトで、スマートフォンからのアクセスが急増しています。スマートフォンユーザが直接的なターゲットとは考えにくい企業サイトでさえ、スマートフォンからのアクセスが3～4割を超えることが当たり前になってきました。 モバイルファーストという言葉も生まれ、スマートフォン対応をしているかどうかを、検索アルゴリズムの評価項目に加えているとGoogleが公言するほど、「スマートフォン対応＝正しいWebサイト」とさえいえるようなムードの中で、アップルだけは、頑なにWebサイトのスマートフォン対応を行なってきませんでした。 このアップルの選択は、「アップルでさ
いま同人特設サイトが熱いっていう話 - MILKWALKEEのブログ
2014-06-22 いま同人特設サイトが熱いっていう話 ここ最近何か同人イベントがある度に、個々の作者がかなり凝ったデザインのWEBページを作成してるっぽい現象がある、告知ページというかティザーとかいうかそういうの。WEBデザインとか全然詳しくないからWordPressがどうのとかCSSがどうとかそういうの全然分からないけど、自分が作ったものに対して誤解なく正確に内容が伝わることは非常に大事。これはこういう理由で作って、こういう形で、中身こうなってます。売り手が買い手にわかりやすくプレゼンするっていうの大事。リフレーミングとかビジュアライゼーションとかそういうの有るっぽいけど、デザイン、特にウェブでの情報は受け手に分かりやすく伝えましょう、っていうの最近の流れだと思う。 同人特設サイト簡単に作れるっぽい Tumblrで同人音楽CD特設サイトが簡単に作れるレスポンシブなテンプレート「Tok
本格バナー制作で学ぶGoogle Web Designerの使い方 (1/4)
Google Web Designerの基本からアニメーションの作成までを学ぶ連載。第3回では、Google Web Designerを使って実際の業務を想定したクリエイティブバナーを作成します。 基本操作については前回の記事で解説しましたので、今回は主にアニメーションモードの詳しい使い方を中心に学びましょう。 Google Web Designerで実際にクリエイティブバナーを作成しよう 今回作成するのは、次の2つのバナーです。 1つ目は、「クイック」アニメーションモードで制作した不動産会社のバナーで、夜景の写真が横にスライドするシンプルなものです。2つ目は、「詳細」アニメーションモードで制作したカフェのバナーで、スライドとフェードを組み合わせて、複数ページを切り替えます。 「クイック」アニメーションモードで作る不動産会社のバナー 最初に、背景が横方向に流れるような動きのバナーを作りまし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Appleの公式サイト｢Apple.com｣の20年の歴史を3分間にまとめた映像 | 気になる、記になる…
OS X 10.11 El CapitanのSafari 9には開発者向けに「レスポンシブ・デザイン・モード」が搭載。
さすが、Apple！刷新されたウェブサイトで見つけた3つのこだわりとは？
Apple、公式サイトのデザインを刷新 ｰ ようやくスマホに最適化 | 気になる、記になる…
