ウェブサイトやアプリのUIを作る時には、スッキリと見やすい色使いでページを構築することが重要です。スペースキーを押すだけでさまざまなカラーパレットを生成してくれるツールや、写真や画像からカラーパレットを作るアプリを用いて、サイト構築に使用するカラーパレットを作るという人も多いはず。ウェブデザイナーのGabriel Adorf氏が作った「Palettte App」は、カラーパレットをより論理的に分析・作成・編集できるツールで、他のカラーパレット作成ツールと比べても負けず劣らず役立ちそうだったので、実際に使ってみました。 Palettte App https://palettte.app/ Palettte App Build, analyze and edit smooth color palettes https://www.gabrieladorf.com/palettteapp/ 多く
勝手にリデザイン第二弾！今日はポチポチしてるだけで英単語マスターになれるアプリ、mikanを整形しました。なんと許可はとってあります(勝手じゃない)！勝手にリデザインは「標準的なUIから逸脱したアプリを、業界標準に引き上げる」を趣旨としているため(今決めた)、正直アップデートをしっかりと重ねてきた本アプリに関してはあまりやることがありませんでした。 前回の記事→ 勝手にリデザイン第一弾 政治SNSPolipoli なので今回はボリューム少なめ、トップページだけの改善提案程度になります。なお繰り返しになりますが、本記事は実現したい世界観や、抱えている課題などを内部の方に一切ヒアリングせずに作成したUIの添削にすぎないことをご了承ください。 概要 4択のクイズ形式で英単語の意味を暗記することができる。「TOEFL英単語3000」や「中国語」など、さまざまなテーマ別に学習することができる。一つの
勝手にリデザイン第一弾！今日は政治家の方たちと交流できるSNS、Polipoliを勝手に整形してみました。普段の仕事で行っているデザインだと書くことが多すぎるので、とりあえずこれくらいから始めてみようかなと思います。 なお、本記事は実現したい世界観や、抱えている課題などを内部の方に一切ヒアリングせずに作成したUIの添削にすぎないことをご了承ください。 概要 コンテンツの内容としては主にテキスト。投稿者が話し合いたいトピックを投稿する。トピック内では一般のユーザーと政治家のユーザーがわいわい議論することができる。このことから、独立した一次投稿が大量に投稿されるSNS-Twitter型ではなく、１投稿の中でコミュニケーションが行われるSNS-Facebook型だと判断できます。 Navigation BarNavigationBarに関して考えることはただ一つ、Lightテーマにするか、色付き
はじめに この記事はiOS Advent Calendar 2015 - Qiita 19日目の記事です。 昨日はhachinobuさんのMVVMっぽい構成のデモアプリを公開してみるでした。 本日はイースターエッグについて。 イースターエッグとは簡単にいうと隠し機能のことです。余裕のある開発者が仕込んだ粋なお遊びですね。 発見したときはついつい友達に教えたくなります。イースターエッグが仕込まれているアプリおよび実装例について紹介しますね。 イースターエッグの例 まず、イースターエッグが仕込まれているアプリをいくつか紹介しますね。 Google検索 「Google」という名前のGoogle検索アプリです。ロゴ部分をタップすると…！ ちなみにロゴが新しくなる前は、なぞるとロゴがバラバラになりました。 www.youtube.com スーモ 「スーモ」アプリには複数のイースターエッグが仕込まれて
年商30億円間近の「yutori」が語る、Z世代が求める「リアルさ」を武器に服を売る方法と、TikTokのコメントから服が売れる理由。
返却期限がなく何度でも借りかえられる。 気に入った洋服は割引価格で買い取り可能。 利用済みの洋服はクリーニング不要でそのまま返却。
*]:h-full xl:cursor-pointer xl:before:z-[-1] xl:before:content-[""] xl:before:block xl:before:w-[calc(100%+(0.65rem*2))] xl:before:h-full xl:hover:before:bg-global-nav-hover-background-accent [&[data-active="true"]]:xl:before:bg-global-nav-hover-background-accent xl:before:absolute xl:before:top-1/2 xl:before:left-1/2 xl:before:-translate-x-1/2 xl:before:-translate-y-1/2 xl:before:rounded-xl xl:tr
株式会社ドワンゴ、デザイン戦略室のデザイナーの宮下と申します。 デザイナーのみなさんはアプリのデザインを行う際に、どのようなワークフローで制作を進めていますか？ すべての仕事がそうであるように、アプリデザインのワークフローについても、制作体制やゴールの違いによって無限の選択肢が生まれます。 ここではわたしが関わったプロジェクトを元に、アプリが完成するまでのデザインサイドのワークフローをご紹介いたします。参考になるかわかりませんが、大まかな流れをつかみたいという場合は、ご一読ください。 STEP.0 普段から ここでは、プロジェクトにアサインされる前から、日常的に気にかけておきたい項目をあげます。 あなたがもしもアプリのデザインを行ったことがないのであれば、以下の情報を頭に入れておくことをお勧めします。また、すでに経験があったとしてもアップデートの速度は速いので、制作の前に改めてチェックして
モバイルアプリのUIデザインで難しいのはターゲットとなるデバイスの画面サイズに様々なサイズのものがあるということです。画面の大きさにはいろいろあっても人間の手や指のサイズはほぼ誰でも同じですから、どんな画面サイズであっても確実に押せるようなUIのサイズというのを把握してデザインしないと大変使いにくいものになってしまいます。 例えばiOSの「ヒューマンユーザーインターフェースガイドライン」では「タッチ可能な領域のサイズを約44ｘ44ポイントにしなさい」とし、サンプルとして電卓アプリの画面が紹介されています。 “Give tappable elements in your app a target area of about 44 x 44 points. The iPhone Calculator app is a good example of fingertip-size control
ここ最近、女子向けアプリが多数リリースされているのはご存知でしょうか。 SNS、ユーティリティ、ライフスタイル、ナビゲーションなどアプリのカテゴリも様々です。 そこで今回は、最近話題になっている女子向けiOSアプリ5サービスについて、それぞれのアプリの特徴・UI/UXのポイントと、女子ウケする共通エッセンスをデザイナー・企画視点で考えていきます。 恋するマップ-女子ちず- /ナビゲーション 特徴 女子向けの地図アプリ。 もうご存知の方も多いかもしれませんが、地図業界を震撼させた女子向けの地図アプリです。 通常の地図アプリ機能に加え、女子には必須なトイレからカフェ、サロンなどの情報も写真付きで確認することができます。 ポイント 一番の特徴であり、女子ウケポイントでもあるのが画面右上にある“チャーム”。 スマホの傾きをキャッチして揺れるだけですが、こうしたさりげないところにかわいい！と思えるポ
推奨バッジ アプリを宣伝するマーケティングコミュニケーションでは、黒い推奨バッジを使用してください。黒いバッジの周囲にあるグレイのボーダーはバッジのアートワークの一部であり、変更は許可されていません。同じ場所で他のアプリプラットフォームのバッジを併用する場合は、黒い推奨バッジを使用してください。その際は、App Storeのバッジを最初に配置してください。 代替バッジ 多様なデザインに柔軟に対応できるよう、白い代替バッジも用意されています。黒い推奨バッジではレイアウトの見た目が重くなってしまう場合に使用することができます。白い代替バッジは、同じ場所でバッジを1つだけ使用し、かつレイアウト内で使用される他の色を補う場合に適しています。マーケティングコミュニケーションで他のアプリプラットフォームのバッジも表示する場合は、黒い推奨バッジを使用し、白い代替バッジは使用しないようにしてください。 ロ
9/12に東京（新宿）で開催された、 metapsさん主催のセミナー、「ソシャゲ以外のTOPデベロッパーが語るGooglePlay成功の秘訣/マネタイズ〜集客まで全公開」に参加してきました。 セミナータイトル上は、GooglePlay(Andorid)をテーマにしたセミナーですが、 iOSアプリ開発者にとっても十分参考になる内容になっています。 本記事では講演内容について参考になったところをまとめています。 エイチームの紹介 株式会社エイチーム：http://www.a-tm.co.jp/ 名古屋にある会社、社員462名 エンターテイメント事業(アプリ) 「ダークサマナー」700万DL、「麻雀 雷神 -Rising-」500万DL ライフサポート事業(WEBサイト) 「引越し侍」「すぐ婚navi」など比較情報サイト。 ツールアプリ”ZEROAPP”シリーズ “ZEROAPP”とは普段日常で
Thousands of UI/UX resources from great and resourceful designers around the world Sharing and building on each other's work is the ultimate form of learning and retaining knowledge. Since 2012, we're curating some of the best resources to help you design, prototype, and collaborate better and faster. UI Kits Apps Icons Illustrations Wireframes Ideas Web iOS Material Data Forms Mockups Real Annota
『呪術廻戦 ファントムパレード（ファンパレ）』とは ◆”TVアニメ”の世界観と”ゲーム”ならではの『呪術廻戦』の物語◆ アニメのストーリーを新規フル...さらに見る ◆”TVアニメ”の世界観と”ゲーム”ならではの『呪術廻戦』の物語◆ アニメのストーリーを新規フルボイスで再現。さらに、様々なキャラクターの視点で描かれるストーリーもフルボイスで実装。 ◆その手で、術式を操り、TVアニメさながらのバトルで呪霊を祓え◆ ハイクオリティで展開されるバトル。自分だけのチーム編成で、強大な呪霊を祓え。 ◆ゲームならではの『呪術廻戦』の戦いをその手で体感◆ 各階層毎に存在する呪霊に挑む「領域調査」。成長させたキャラクター達と共に領域を攻略しよう。 ◆ゲームで描かれる『呪術廻戦』の新たなシーン”廻想残滓”◆ 新たに描かれた『呪術廻戦』の1シーン”廻想残滓”。”廻想残滓”をキャラクターに装備し、能力を強化しよ
Best app icon resizer for mobile developers. Optimized for both for Xcode and Android Studio.
Watch the Trailer Google Play Awards 2016 Nominee Standout Indie App Store Best of 2015 IGF: Honorable Mention Excellence in Visual Art Product Hunt Game of the Year Unity Awards 2015 Finalist iMore iPhone Game of the Year Pocket Gamer Gold Award App Store 15 Most Beautiful Games App Store Best of February 2015 "A piece of interactive art" "Already one of my favorite mobile games" “Alto's Adventur
Introducing Ballpark - Simple surveys and user testing for prototypes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
