タグ

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

タグの絞り込みを解除

uiに関するgriefworkerのブックマーク (34)

  • 【要注意Unity UI】Unity標準ボタンを禁止する5つの理由 - 渋谷ほととぎす通信


    UI開発の悩みポイントの1つは﹁ボタンのつくり方﹂です。なにが正解なのか迷います。しかもボタンは ゲームの中で大量に存在するもの。 はじめの一歩をまちがうと、あとで大きな修正が発生するかも...と思いますよね？ はい、大規模改修が待っています︵何度も経験済み︶。 ﹁なんとなく動くから大丈夫だろう﹂という考えだと後で大変なことになります。 ﹁じゃあ、どうすればよいの？﹂ 本記事では ﹁おすすめしないボタンのつくり方﹂ を解説しつつ、解決方法の1例を紹介します。ボタンは一歩まちがうと沼。沼と言うか地獄。一度ハマってしまうと、 本来クオリティを上げるために使う時間がボタンの修正作業時間になってしまいます。 ここまで聞いてエンジニア向けの話っぽいですが、 実はUIデザイナーにも知っておいてもらいたい知識 です。エンジニアとUIデザイナーが共通認識を持っておかねばならない部分ですので、ぜひ最後まで読

  • shadcn/ui

    Hi, let's have a meeting tomorrow to discuss the project. I've been reviewing the project details and have some ideas I'd like to share. It's crucial that we align on our next steps to ensure the project's success. Please come prepared with any questions or insights you may have. Looking forward to

    shadcn/ui
    griefworker
    griefworker 2024/06/03
    Radix UIとTailwind CSSを使って書かれた UI コンポーネントまとめ
    リンク

  • ミラティブでのアウトゲーム設計の紹介 - Mirrativ Tech Blog


    こんにちは。ミラティブUnityエンジニアの菅谷(tetsujp84)です。 今回はミラティブのライブゲーム開発で行ったアウトゲームの設計について紹介します。 以前アウトゲーム設計に関してXでポストしたらレスポンスをいただけたのでできるだけ丁寧に解説してみました。こんな話も聞きたいよというのがあったら是非教えてください。 よくありそうなソシャゲアウトゲームの設計について今更記事化してるんだけどどれだけ需要あるんだろう。MVPの概念とかクリーンアーキテクチャライクな知識って業界的な浸透率どんなもんなんだ。— 鉄 -TETSU- (@tetsujp84) 2023年8月28日 アウトゲームについて ゲーム開発者にとっては馴染み深いと思いますが、ゲームにはインゲームと呼ばれる部分とアウトゲームと呼ばれる部分に別れます。インゲームはゲーム体験のコアでキャラクターを操作したり、アクションがあったりと
    ミラティブでのアウトゲーム設計の紹介 - Mirrativ Tech Blog

  • お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート


    お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート ライター‥高橋祐介 2021年8月21日にインディーズゲーム開発者向けのオンラインカンファレンス﹁Indie Developers Conference 2021﹂が開催された。その中で，インディーズゲームのUIにフォーカスしたセッション﹁プログラマしかいない お金もない それでもUIを綺麗にする！﹂が行われた。 登壇したのは，東方Projectのファンゲーム﹁幻想郷ディフェンダーズ﹂﹁幻想戦略譚﹂などを制作した開発グループ，Neetpiaに所属する少佐氏。氏は両作品のプログラマでありながら，同時にユーザーインタフェース︵UI︶のデザインも手掛けているという。 少佐氏は大前提として﹁UIはデザイナーが専任すべき﹂仕事と前置きしたうえで，﹁実際の現場ではそこまで人手がなく，グ
    お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート

  • Unity 新UIシステムUI Toolkit 触ってみた


    サイバーエージェントのゲーム・エンターテイメント事業部︵SGE︶に所属する子会社QualiArtsでUnityエンジニアをしている篠木です。本記事はQualiArtsの定期ブログ﹁QualiArts Tech Note﹂第9弾の記事となります。QualiArtsでは会社で使われている様々な技術の知見をブログで紹介しています。興味のある方は、QualiArtsとタグの付いている他の記事もチェックしてみてください。 QualiArts Tech Note UIToolkit とは ﹁UI Toolkit︵旧称:UIElements︶﹂とは、Unityの新UIシステムです。EditorUI、Runtime UIの両方で使えるように設計されています。EditorはUnity 2019から正式機能に、Runtimeは現在︵Unity 2021.1︶はPreview 機能となっています。本記事で
    Unity 新UIシステムUI Toolkit 触ってみた
    griefworker
    griefworker 2021/08/16
    UI Toolkit は Pixiv が公開した Mux とコンセプトが似てる気がする。
    リンク

  • iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin


    私が一番最初にAndroid アプリをデザインしたのが2016年の初夏頃で、その頃はまだiOS・Android とデザインが違うのが主流でしたが、2021年現在のアプリはiOS もAndroid もプラットフォームごとの細かな違いはあれどほぼ同じデザインが主流となっています。 これは2016年の10月にAndroid APIがBottomNavigationView に対応してからじわじわ浸透していった変化だと考えているのですが、その辺の歴史の話は省略します。プラットフォームは違えどスマートフォンアプリである以上デザインは同じ方が楽なので、共通化されていったのは自然な流れだと思います。実際両者が全然違うUI・デザインだと大変ですしね……。 とはいえ、プラットフォームが違うので全て同じというわけにもいきません。iOS にはHuman Interface Guidelines、Android
    iOS とAndroid の違い クロスプラットフォームのアプリデザインで特に気をつけるべき点｜marin

  • ソシオメディア | OOUI – オブジェクトベースのUIモデリング


    最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験︵Object-Oriented User Experience︶のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまりOOUX は﹁オブジェクトベースのUIモデリング﹂と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、﹁OOUI︵オブジェクト指向ユーザーインターフェース︶﹂と呼ばれていたのです。最近になってOOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である﹁UX﹂を用いた方がかっこいいと考えたからではないでしょうか。 ﹁オブジェクトベースのUIモデリング﹂というデザイン手法は、GUI アプリケーションをデザインする際の基本的なテクニック
    ソシオメディア | OOUI – オブジェクトベースのUIモデリング
    griefworker
    griefworker 2019/11/27
    ユーザーが「名詞 → 動詞」の順序で操作できるように、GUI はオブジェクトベースでモデリングされなければならない、と。
    リンク

  • 個人開発のUI設計術 - Crieit


    あんど( @ampersand_xyz )と申します。 クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。 個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、本投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。 なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておく まずはじめにここを決めます。 いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を
    個人開発のUI設計術 - Crieit

  • 非同期UI描画による高速なアプリケーションの実装 - Speaker Deck

    iOSアプリケーションの高速化においてメインスレッドをブロックするUIの描画コストは無視できない問題です。 日経電子版アプリでは非同期なUI描画を実現するTexture（AsyncDisplayKit）を導入し、大量のテーブルをスムーズに描画しています。 本セッションではTextureの検討から具体的な導入ステップ、導入にあたって遭遇したトラブルと対応方法について紹介します。 ----- このスライドは俺コン 2018 Summer Day 1 (https://orecon.connpass.com/event/94858/) および iOSDC 2018 Reject Conference Day 1 (https://iosdc-reject-conference.connpass.com/event/93314/) で発表予定の内容です。

    非同期UI描画による高速なアプリケーションの実装 - Speaker Deck
    griefworker
    griefworker 2018/09/25
    「メインスレッドの外でUI描画を実行」
    リンク

  • 深津貴之『確実に良くするUI UX設計』 - UX & Service Sketch #21 イベントレポート ｜ブログ｜root｜芯を問い、成長に貢献する


    少し間が空きましたが、12月19日に行われた﹃大規模リニューアルプロジェクトの舞台裏 UX& Service Sketch #21﹄に参加してきました。 イベントでは4名の方が登壇し、サービスリニューアルの話を10~15分でプレゼンテーションをしていただきました！ 今回は登壇者の一人、THE GUILD代表　深津貴之さんの日経電子版アプリのリニューアルをもとに話していただいた﹃確実に良くするUI UX設計﹄のプレゼンをまとめました。 THE GUILD代表　深津貴之さん ﹁内制でもうまくいくときとそうでないときがあり、リニューアルは大博打である。また自分にとってのキーファクターは、外部と内部の相対的な位置関係、力関係を指摘する人だ﹂という深津さん。 内部で運営をし続けると2つ大きな問題点がでてくるといいます。1点目は、世代交代しているうちにだんだんとアップデードしかしないようになる
    深津貴之『確実に良くするUI UX設計』 - UX & Service Sketch #21 イベントレポート ｜ブログ｜root｜芯を問い、成長に貢献する
    griefworker
    griefworker 2018/01/09
    こんなに時間をかけて、プロトタイプを何個も作るのか。見習いたい。
    リンク

  • カラースキーム作成に便利な14のツール | UX MILK


    Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 デザイナーが使う手段の中で、﹁色﹂はもっとも強力なツールの1つです。同時に、色という概念は習得するのが難しくもあります。色の組み合わせが無数にある中で、サイトやアプリに使用する色を決めるのは骨の折れる作業です。 そこで作業を簡単にするために、カラーパレットを決める際に便利なツールのリストを作成しました。これらのツールを使えば、多くの時間を節約できるでしょう。 この記事では、以下のような切り口から便利なツールを紹介します。 インスピレーションを受ける 自分だけのカラースキームを生み出す 色のアクセシビリティを考慮する １. インスピレーションを受ける 自然の風景 あなたの周りには、既にたくさんのひらめきのもとがあります。インスピレーションを受けるには、周りを見回す
    カラースキーム作成に便利な14のツール | UX MILK

  • エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ（2017年版） - Qiita


    こんにちは、 UXデザイナーの @yuh_iw です。 この記事は NTTコミュニケーションズ Advent Calendar 2017 の23日目です。 すべては最高の体験のために 弊社では、ようやく社内にUXデザインという言葉が浸透し始めていますが、 実態はUIと共に語られることが多いです。︵実際は違うよ︶ とはいえ今回はUIを作るために私達がいつも行っていることについて記載します。 どうやってUIを作っていくのがよいか とにもかくにも、ユーザーに対する検証と学習をくり返すことです。 最高のUI=カッコイイUIではありません。アーティスティックなUIでもありません。 UIにはユーザーがいるので、ユーザーが使いやすいと思わなければならないのです。 そのために、使ってくれそうな人に、検証していく必要があります。 検証するためにはいくつか方法がありますが、 本稿ではUIプロトタイピングを行う
    エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ（2017年版） - Qiita

  • Prott - Prototyping tool for Web iOS Android apps

    コードを書かずに、本物のようなアプリを再現できる 簡単３ステップで、動くプロトタイプをすぐに作成できます。Web・iOS・Androidはもちろん、カスタムサイズでもお作りいただけます。 プロトタイプ作成機能 ワイヤーフレーム機能

    Prott - Prototyping tool for Web iOS Android apps

  • Building High Performance and Testable UI component

    自分好みの TS バンドラを Rust で作れる！Deno の内部ライブラリの活用 – Denoで変わるランタイムの景色 実践事例 Lunch LT

    Building High Performance and Testable UI component

  • http://post.simplie.jp/posts/23

    http://post.simplie.jp/posts/23

  • よくわかるマテリアルデザインの設計コンセプト | fladdict


    iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは﹁ペーパー﹂と﹁インク﹂のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
    よくわかるマテリアルデザインの設計コンセプト | fladdict

  • UX侍がアプリ開発のUXをガチでコンサル、7つの提案は必見！　マネックス証券 × UX侍 | UXサムライ

    UX侍がアプリ開発のUXをガチでコンサル、7つの提案は必見！　マネックス証券 × UX侍 | UXサムライ

  • 増井俊之、未来のUI開発に向けた思考と試行～希代の発明家は、なぜ今研究室を“リビングルーム化”するのか？ - エンジニアtype | 転職type


    転職・求人情報サイトのtype エンジニアtype ITニュース 増井俊之、未来のUI開発に向けた思考と試行～希代の発明家は、なぜ今研究室を“リビングルーム化”するのか？ 2015.03.23 ITニュース みんなジョブズに騙されている――。 UI研究の第一人者、慶應義塾大学環境情報学部の増井俊之教授が昨年9月、エンジニア向けトークイベント﹃TechLION﹄の壇上で放ったこの刺激的なフレーズはその後、ネット上で多くの反響を呼び、︵時には言葉だけが独り歩きする形で︶活発な議論を巻き起こした。 >>﹁みんなジョブズに騙されている﹂増井俊之教授が進歩の止まったコンピュータのUIを問い直す︻TechLIONレポ︼ AppleでiPhoneの日本語入力システムを開発したことでも知られる増井氏であるから、その意図が単なるスティーブ・ジョブズ批判であるはずがない。30年以上前に開発されたGUIを、いま
    増井俊之、未来のUI開発に向けた思考と試行～希代の発明家は、なぜ今研究室を“リビングルーム化”するのか？ - エンジニアtype | 転職type

  • UIデザイナー不要説 / LSD LAB


    2014/10/26 UIデザイナー不要説 最近UIについてもやもやしていることがあるので書く。間違った知識もあるかもしれない。 先日UI CrunchというUIの勉強会のようなものが開催され、僕はschooの動画配信を見ていたのだが、どうも根底に﹁UIデザインの重要性が日本では認知されていない﹂という共通認識が流れているように思える発表が多かった。デザイナー生存戦略やエンジニアとうまく付き合う方法等…。 僕も前のブログ(UID Lab)でそのようなことを訴えてきたので、あぁ、やっぱりみんな不安なんだなあと思ったが、逆説的に﹁僕らデザイナーが信じているUIデザインの価値なんて、本当は虚像なんじゃないか？﹂ということを疑ってみたい。 そもそも、なぜみんな﹁UIデザインが重要視されていない﹂と感じるのだろう？自分が日頃感じることを列挙してみる。 UIデザインが重要視されていないと思う理由 1.

  • DISられないUIを作るために最低限守るべき5つの鉄則 - たごもりすメモ


    ぼくらが迂闊にUIを作ると、そこにはユーザの正直な目線があり、非常に様々な、そして真っ当な反応がある。 曰く﹁わからん﹂﹁まさかそこをクリックするとは﹂﹁不思議な動作﹂﹁独自宇宙﹂﹁モリスUI﹂。 反応がもらえるのは非常に良いことだが、何度も何度も繰り返しているとつらくなってくるので、できれば避けたい。分かっている(いた)ことは最初から対応しておきたいものだ。*1 ということで、ここではブラウザで操作する管理画面等のWebUIを作るとき、真っ先に心得ておくべき5つの鉄則を紹介したい。これを守っていてもDISられなくなるというわけではないが、これを守らないと間違いなくDISられるので注意しよう。 なおこの記事ではオリジナリティというものについては考慮しない。オリジナリティとか犬に食わせろ。 クリックできる場所はcursor:pointerを指定しろ これを忘れるとこの世のものとは思えないくら
    DISられないUIを作るために最低限守るべき5つの鉄則 - たごもりすメモ
  • 1 2 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

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

  • @hatebu

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

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.