UI Design

UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。

RSS
  • 解決済

    回答
    1

    CALayerを文字で切り抜きたい

    実現したいこと CALayerをCAtextLayerで切り抜くにはどのようなコードを書けばいいのかわからず、困っています。 どなたかご教授いただけないでしょうか。 該当のソースコード var targetLayer:CALayer = CALayer() var textLayer:CATextLayer = CATextLayer() .

    • 0評価
    • 112PV
    otenkiameno otenkiameno 3週間前に コメント
  • 受付中

    回答
    0

    semantic uiで横幅を指定したい

    前提・実現したいこと 現在、デザインしている表が全体的に右寄せになっており、中央寄せにする為に 横幅を指定したいのですが、どのようなclassを利用したらいいですか? 試したこと 現在、デザインしているページが全体的に右寄せになっており、中央寄せにする為に、center alignedを書いたが変化が無かったので横幅を指定して中央寄せにしたい

    • 0評価
    • 362PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    1

    windowsのxamarin iOSで、UIImageViewをコードで表示する方法

    windowsのvisualstudioのxamarinを使っています。げんざいIOSのアプリを開発しているのですが、xamarin自体初めてでよくわかりません。基本的にストーリーボードは後々大変になるため使わず、プログラムコードでUI部品を生成するようにしたいです。 xamarinでは、ネイティブのAPI が100%移植されているそうなので、やってみようと

    • -1評価
    • 189PV
    nakasho_dev nakasho_dev 2ヶ月前に 回答
  • 受付中

    回答
    0

    Flat UIのRails5での導入方法

    http://designmodo.github.io/Flat-UI/を制作物に導入したいです。 http://vdeep.net/bootstrap-flatuiと http://railsdoc.com/references/javascript_include_tagなどのリファレンスを参考にしながらやってみたのですが、 localhostのco

    • 0評価
    • 57PV
    teratailが2ヶ月前に アップデート
  • 解決済

    回答
    1

    画像仕分けの仕組みをネイティブアプリ+サーバーで作るか、Webアプリをハイブリッドアプリとして作成す...

    前提・実現したいこと Tinder風に画像仕分けをするためのアプリケーションを作成したい 発生している問題 作成するには以下の方法が考えられると思います。 ・ネイティブアプリ+サーバー ・Webアプリをハイブリッドアプリとして作成 ネイティブアプリ+サーバーで作る場合は、swiftのライブラリを用いればTinder風のUIを実現することができます

    • 0評価
    • 158PV
    _Victorique__ _Victorique__ 7ヶ月前に 回答
  • 解決済

    回答
    2

    Android UIのデザイン、実装をする際の参考になる書籍やサイト

    Android Studioでアプリもどきを作ってる初心者です。 最近、録音などの機能を使ってみたりと内部的な実装などに手を出しているのですが、それをUIを考えて一つのアプリとしてまとめるのに四苦八苦しています。実践的なUIの実装方法について解説をしている書籍やサイトを知っている方は紹介していただけませんでしょうか。マテリアルデザインまでなどというと欲張り過

    • 0評価
    • 377PV
    Geoff Geoff 9ヶ月前に コメント
  • 受付中

    回答
    0

    スマホブラウザ版とアプリ版のデザインが違うのはなぜ?

    例えばメルカリだったら、アプリ版だと、3カラムで表示されるのは値段だけなのですが、スマホブラウザ版だと2カラムで値段と題名が表示されます。 他のサイトもブラウザとアプリでデザインが異なるものがありますが、どういう意図を持って変えているのでしょうか?

    • 0評価
    • 203PV
    teratailが10ヶ月前に アップデート
  • 受付中

    回答
    1

    【Unity】Androidの画面に合わせたUI設計 LayoutElementの比率ずれ

    前提・実現したいこと 前回、UIについて質問し それに合わせた設計を行ってみました。 https://teratail.com/questions/82029 発生している問題・エラーメッセージ テキストのUIとInputFieldのUIの比率が微妙にずれます。 該当のソースコード 3行目のユーザー名の場合、以下のように設定しています。 Pan

    • 0評価
    • 500PV
    taroko taroko 11ヶ月前に コメント
  • 解決済

    回答
    1

    【Unity】Androidの画面に合わせたUI設計について

    前提・実現したいこと Androidのそれぞれの画面サイズに合わせて 自動的に文字サイズ等を変更する画面を設計したい。 試したこと ・Canvasにボタン等を入れ、TextはAutfitになるようにしている。 (ただ、Displayのサイズを変更すると上寄りになったり重なったりする) 作りたい画面 質問事項 ・Android用のアプリを設計

    • 0評価
    • 613PV
    taroko taroko 1年以上前に ベストアンサー
  • 解決済

    回答
    5

    OKボタン 右側?左側?

    ダイアログを作っているのですが、OKボタンは右側でしょうか。左側でしょうか? 私は右側だとは思うのですが、いかがでしょう [キャンセル] [OK] vs [OK] [キャンセル]

    • 0評価
    • 665PV
    can110 can110 1年以上前に コメント
  • 解決済

    回答
    3

    [フロントエンド]横固定の美しいUIをスマホレスポンシブでも実現したい。

    前提・実現したいこと 美しい横固定UIをWebブラウザの横固定でも実現したい。 AbemaTVさんのようなアプリには スマホ端末の向きに関係なく常に横固定のUIがあると思いますが、 ブラウザで見る通常のWebサイトにも同様の 常に横固定のUIを実装すること自体は可能なのでしょうか。 実現の方法をグぐって検索をしましたが、なかなか出てこず・

    • 1評価
    • 532PV
    nnahito nnahito 1年以上前に ベストアンサー
  • 解決済

    回答
    3

    android開発 リストビュー カスタム

    こんにちは、androidアプリ開発を行っている学生です。 いくら調べても有力な答えが出てこないので質問させて頂きます。 やっていることはListViewを利用してテキストを一行一行表示するだけなのですが、そのテキスト一行一行の文字列の大きさや色といったことは変更できるのですがフォントタイプを変更することができず悩んでいます。ちなみに、デフォルトで入って

    • 0評価
    • 550PV
    yokoi yokoi 1年以上前に ベストアンサー
  • 解決済

    回答
    2

    .NETアプリ UIデザイン

    知りたいこと .NETアプリのGUIのデザイン方法を知りたい ツール系の.NETアプリを作成すること多いが、GUIのカスタマイズ方法が いまいちよく分からない。 PhotoShopやIllustrator等を使ってデザインをあらかじめしておいて、 それを.NETアプリ側にどのようにしてデザインを反映させるのかが分からない。 例えば、ボタン

    • 1評価
    • 1230PV
    Tak1wa Tak1wa 1年以上前に ベストアンサー
  • 解決済

    回答
    1

    TabLayoutを使ってタブを実装したが、画面に入りきらない

    タブメニューをスワイプ表示させたい タブメニューが5に対して、画面表示させたいボタンは3つです。 オーバーライドしてきたgetCount()でカウント数を指定するところまではよかったのですが、メニューボタンがスワイプしないため、3つしかメニューボタンがないような状態になっています。 どのようなものを使えばタブメニューのスワイプ対応かができますか?

    • 0評価
    • 694PV
    SmartBuzz SmartBuzz 1年以上前に コメント
  • 解決済

    回答
    2

    フローを自由に作れるUIのオープンソースはありますか?

    このように自由にフローを作れるようなUIを何というのでしょうか。 またこれを実装するためのオープンソースなどはありますでしょうか。 例1 例2

    • 1評価
    • 626PV
    miyamoto0105 miyamoto0105 1年以上前に コメント
  • 解決済

    回答
    1

    UIのデザイン

    一辺が80pixelの正方形のラベルに、1-4桁の数字を表示させたいです。一番きれいで読みやすいフォントサイズはどれくらいでしょうか? また、フォントはClear Sansにしようと思っています。正方形はたてよこ4つずつ並んでいます。 下手な説明ですが、ご教示お願いします。

    • 0評価
    • 496PV
    Kaedesugano Kaedesugano 1年以上前に コメント
  • 解決済

    回答
    2

    ウェブサイトの動画のような背景の実装

    ウェブデザイン初心者です。 LPのbackgroundで、最近下記URLのような、動画を挿入しない、動きある背景を見かけます。 ▶︎参考URL:http://pksha.co.jp/ja/ こういった仕様の名称が分からず、うまくサーチをかけられていないので大雑把な質問になってしまい大変申し訳ございませんが、 実装方法に関して手ほどきをいただき

    • 0評価
    • 490PV
    MemoT MemoT 1年以上前に コメント
  • 解決済

    回答
    1

    Webページの仕様をドキュメントに表す方法

    Webページで管理画面を作成しています。 情報を閲覧するためのページではなく、入力項目をたくさん持っている(私としては)かなり複雑なページになります。 プログラムは本職ではないので自分で作成したテーブルのレイアウトを見ながら作業を進めていたのですが、当初想定していたよりも項目数が多くなりだんだんとよく分からない状態になってしまいました。(ちゃんとした

    • 0評価
    • 478PV
    msx2 msx2 1年以上前に ベストアンサー
  • 解決済

    回答
    1

    webサイトのワイヤフレーム作成について

    前提・実現したいこと ノンデザイナーです。 Macユーザーです。 ホームページの作成(もしかしたらディレクションも兼ねる)デザイン〜素材製作&切り出し〜コーディングまでを担当することになりました。 社内で聞くことができない(他に担当者がいない)環境です。 使えるグラフィック系のソフト(環境)はPhotoshop・Illustrator・sket

    • 0評価
    • 588PV
    marie_teratail marie_teratail 1年以上前に コメント
  • 解決済

    回答
    1

    アプリのお洒落なUIは画像?

    よくお洒落なUIをしたアプリを見ますが、あのようなデザインは画像で表しているのですか? それともOpenGLのようなものを使っているのでしょうか? もし画像を読み込ませているのであれば容量などいろいろ問題が出そうですが、どうなのですか? 質問の趣旨が少しずれますが、画像のバイナリデータを機械語しか認識できない機械に読み込ませて、画面に表示する命令を

    • 0評価
    • 615PV
    anunsam 退会済みユーザー 1年以上前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    55

  • 総質問数

    33

  • 今週の質問数

    0

関連するタグ

UI Designタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る