Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

タグ

関連タグで絞り込む (21)

タグの絞り込みを解除

designとiPhoneに関するsippo_desのブックマーク (6)

  • iOS Design Guidelines

    September 28, 2015 in design iOS DesignGuidelines About theseguidelines Theseguidelines describe how to design apps that follow the official HIG for iOS byApple, not what you can do with custom controls. Sometimesit makes sense tobreak the rules. The purpose of this document is toguide you, not to provide solutions for complex and unique design problems. Resolutions and Display Specificatio

    iOS Design Guidelines
    sippo_des
    sippo_des2016/11/18非公開
    古いけど、よくまとまっている。
    • iPad ProでUIスケッチできるアプリBluprint をリリースしました

      UXデザイナーのiPad Proレビュー記事で、UIのスケッチにいいと。僕自身もスケッチが大好きなので、ものすごく欲しくなって。この記事に挙げられているのが『純正メモ』と『Adobe Comp』なんですけれども、Compは機能が中途半端で、僕はこれを使うならSketchでいいんじゃないか?と感じたので、純正メモでスケッチをしてみました。カメラでいちいち撮影したり消しカスに悩まされることがなくなり、確かに圧倒的に紙より捗るものの、幾つか問題がありました。Notesアプリで描いたスケッチ毎回画面のスクウェアを描くのが面倒スクウェアは勘で描くので、サイズがiPhoneと同じにならないもちろん解像度もiPhoneと全く異なるアイコンなどを何回も描かなくてはならないMacに転送した場合、画像をトリミングしてからでないとInVisionなどのプロトタイピングサービスに配置できない1画面に2〜3個しか

      iPad ProでUIスケッチできるアプリBluprint をリリースしました
      • iPhone 6 & 6 plusのデザイン対応について【随時更新】 - デザインメモ

        iPhone 6とiPhone 6 plusが発表されましたが、アプリのデザインを担当している私がもっとも気になるのが「今のアプリのデザインをどう変える必要があるのか?」。 実際、Appleは謎の解像度にしてしまったため、単純に拡大すれば良いってわけじゃなさそうなので、私なりに調べたこと・わかったことを随時更新していこうと思います! 最終的には、こうしたら上手くいった!リデザインはこうしたら良い!までもっていけたらと思ってます。 目次 1、画面解像度について 2、画像サイズやデザイン作業について その他 1、画面解像度について 解像度などを比較するインフォグラフィックス ↓ 2014/09/16 up海外でこんなサイトが公開されていました!iPhone 6 Screens Demystified – PaintCode 解像度がわかりやすく紹介されています。iPhone6 plusは

        iPhone 6 & 6 plusのデザイン対応について【随時更新】 - デザインメモ
        • スマホUI考3 ~ ジェスチャ入力について | fladdict

          スマホUI考1 〜 ボタンについて スマホUI考2 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ

            • Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice

              アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考:Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 (※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか? 情報が見つからなかったので知ってる方は教えてください) また、viewportの数値はサイト側で指定できます。 スマホ

              Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice
              • 残りのブックマークを読み込んでいます1

              お知らせ

              公式Twitter

              • @HatenaBookmark

                リリース、障害情報などのサービスのお知らせ

              • @hatebu

                最新の人気エントリーの配信

              処理を実行中です

              キーボードショートカット一覧

              j次のブックマーク

              k前のブックマーク

              lあとで読む

              eコメント一覧を開く

              oページを開く

              はてなブックマーク

              公式Twitter

              はてなのサービス

              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2025Hatena. All Rights Reserved.
              設定を変更しましたx

              [8]ページ先頭

              ©2009-2025 Movatter.jp