サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
![サービス終了のお知らせ - NAVER まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/c07de1466da1a708ff74603fe1ea4a7f6e2049f9/height=288;version=1;width=512/https%3A%2F%2Frr.img.naver.jp%2Fmig%3Fsrc%3Dhttp%253A%252F%252Fimgcc.naver.jp%252Fkaze%252Fmission%252FUSER%252F20130211%252F91%252F948211%252F14%252F289x289x19bd2b520ba825346cc4cbd2.jpg%26twidth%3D1200%26theight%3D1200%26qlt%3D80%26res_format%3Djpg%26op%3Dr)
アプリ・サービスのUIデザイナーが集うコミュニティ「UI Crunch」は、若手が成長できる場の提供を目的として、25歳以下限定のコミュニティ「UI Crunch Under25」を設立。その第1回イベントを9月26日、東京・渋谷にある株式会社ディー・エヌ・エー(以下、DeNA)の社員食堂「サクラカフェ」で開催した。基調講演には、DeNA会長の南場智子氏が登壇。「何故いまデザインなのか?」と題し、多くの失敗から導き出したという、いわばヒットサービスを開発するための「悟り」を披露した。開発者にも大変参考になる内容なので、本稿でお伝えする。 【関連リンク】 UI Crunch Under25 | UI Crunch この日は若手デザイナーに向けてということもあってか、南場氏のトークは大変気さくでノリがよく、語り口はロックスターのMCのようであった。文字では伝わりにくいが、その楽しさ・雰囲気を少
Appiumを色々触っているんですが、仕組みが同じSeleniumもちょっと触ってみました。 だいぶ色々なことができそうなのでこちらも触りつつメモを取っていこうと思います。 実際の動画デモ 実際にどんなことができるのか、参考動画を撮ってみました。 内容的にはネタな感じにしていますが、どんなことができるか分かってもらえるかと思いますw Seleniumとは Seleniumはクロスブラウザ、クロスプラットフォームのUIテストツールです。 ブラウザに表示される要素を操作し、取得して想定されうる状態になっているかをテストできます。 また、画面のキャプチャを撮ることもできます。 検索してみると有用な記事がいくつかあるので、詳細はそちらを見てください。 ここでは簡単に触ったメモや所感を書いていきます。 JavaScriptテスト自動化ツールSeleniumのこれまでとこれから(前編)。第1回 日本S
uGUIを使ってノベルゲームというか会話シーンを作る方法を紹介していきます。 実際は「宴」とか「ジョーカースクリプト」とか使うお勧めです。 というか、この記事は「手軽にノベルゲームとかRPG作るとか言うけど、その手のシステムをスクラッチするのは簡単だけど面倒なんだよゴルァ」という意味を込めて書いてます。既存品マジさいこー もっと単純なアプローチ(new) UIを並べる 文字列の表示部分を制御する 発展 もっと単純なアプローチ(new) tsubakit1.hateblo.jp UIを並べる まず文字を表示する所ですが、uGUIのTextを使います。 メニューバー>GameObject>UI>Panel で、UIのベースを作成します。 作成したCanvasを選択しCanvas ScalerをScale With Screen Sizeに変更、さらにScreen Match ModeをExpa
「Republique」の日本人UIデザイナーはUnity Game Jamがきっかけでスカウト。“デバッグ実績”や“架空レビュー”などユニークな開発体制も語られた「Unite Japan 2014」のセッションをレポート ライター:大陸新秩序 Unity開発者のためのカンファレンス「Unite Japan 2014」の2日めとなる2014年4月8日に,「『Republique』チームへの参加から,海外のインディペンデントスタジオで過ごした日々の話」というセッションが行われた。スピーチを行ったのは,2013年12月にCamouflajからリリースされたiOSアプリ「Republique」のUI(ユーザーインタフェース)デザイナーである池和田有輔氏だ。 本稿では,もともとゲーム開発者ではなかった池和田氏が本作の開発に携わることになった経緯や,Camouflajにおけるユニークな開発体制が紹介
角丸が綺麗に表示されない! ボタンを作りました! 角丸のボタンです。 早速ボタンの背景に設定しました。 なんてこったい 設定するボタンが大きすぎて背景画像が引き伸ばされてしまいます。 9patchを使おう! そこで9patchの出番です。 9patchは、画像よりモノが大きかった場合(今回は画像よりボタンが大きかった) 引き伸ばす部分を指定することで、画像の崩れを無くす事ができるのです! Fireworksでいう所の9スライスという機能に似ています。 先ほどのボタン画像に9patchの処理を施してみます。 できました! 上側と左側に黒い1ピクセルが見えますでしょうか? ちょっと拡大します。 拡大したのでボケてますが、これなら分かりますね。 9patchは上下左右に、アルファ無しの黒(#000000)の印を付けることで伸ばす部分を指定します。 上下左右それぞれ意味があります。 上と左の印は必
はじめまして。鴨田と申します。 年初からアシアルにてデザイナーとして働いており、 今日からブログも書くようになりました。 どうぞよろしくお願いいたします。 さて、今日はAndroidにおけるLancherアイコン制作を中心に、 お話をさせていただきたいと思います。 なぜ、この話題かというと、アシアルでは現在、 Androidアプリの制作を積極的に行っていて、 正式なプレスリリースは明日行いますが、 今日から、「ClapClap Clock」というAndroidアプリがAndroid Marketにて、 無料公開されています。 どんなアプリかというと、拍手に反応して、 現在の時刻を声で知らせてくれるという時計ユーティリティです。 興味のある方は是非インストールして頂ければと思います。 今回はそのデザインを自分が担当したので、 そのときに参考にしたデザインガイドラインを大まかに翻訳しながら、
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
Android Design - Welcome Googleの公式「Anrdroidデザイン」ポータル。 このサイトの情報が軸になるはず。全編英語。がんばろう Android Interaction Design Patterns AndroidのUIパターンを集めたサイト。 画面遷移図があるので、想像がし易いです。 livedoor Techブログ : デザイナーに聞かれがちなAndroid UIの仕様 dpiという単位が曲者ですね。 Androidアプリデザインの基礎知識 解像度の考え方が勉強になります。 Android アプリ の UI デザインにこだわりたいひとのためのまとめ - Kangaroonote document関連のリンク集 様々な場面で参考になるオススメUIデザインキット45選 | バンクーバーのWEB屋 PSDデータが掲載されているサイトのリンク集。 見応えたっぷ
Unity5.0.0f4 Personal(2015年5月) 前回の続きです〜 今回はタイトル画面とゲームオーバーを作りたいと思います〜 【目標】タイトル→ゲーム→ゲームオーバーという流れを作る! 【課題1】タイトル画面を作る! まずはタイトル画面を作りたいと思います〜File>NewSceneを選択しNewSceneを作成して下さい〜そして、すぐにSaveSceneを行ってしまいましょう〜Scene名は「title」でいいでしょう〜 NewScene作成 すぐにSaveScene 名前はtitleで 続いてMainCameraの設定を行います〜MainCameraのInspectorから、Camera>ClearFlagsをSolidColorに変更し、Backgroundを綺麗な青にしましょう〜 綺麗な青にします 続いて文字を作成しましょう〜Hierarchy>Create>UI>Te
【前編】Material Designの今がわかる「Material Now」―Google I/O 2015 石本 光司(Kaizen Platform, Inc...) この記事は2015年5月28日に行われたGoogle I/O 2015「Material Now」セッションの翻訳です。「Material Now」では、Material Designがリリースされてからの1年間の状況や反響、事例等を取り上げています。本翻訳の前編は、Material Designの普及状況とアップデート内容について記述します。 Material Now – Google I/O 2015 こんにちは、みなさん。私の名前はMatias Duarteです。今日はMaterial Nowについてお話したいと思います。まずは、ハッピーバースデー!Materialですね。記念すべきマイルストーンです。昨年のI/
新しいiPhoneの6と6 Plusが発表になりました。従来モデルよりそれぞれ少しづつ大きくなっていますが、日本ではまた人気が出るのでしょうね。特にiPhone 6 Plusの方は5.5インチと発表されていますので、前のモデルよりかなり画面が大きくなっています。 iPhoneもiPhone 3から4になった時に画面の解像度が2倍になってretinaディスプレイと呼ばれました。解像度が2倍になったので従来のグラフィック(ビットマップ)は2倍の大きさのものを用意する必要になり、@2xグラフィックと呼ばれるようになりました。今度のiPhone 6でも画面の解像度(ppi)は同じなのでやはり@2xのグラフィックで対応します。 なんで画面のサイズは4インチから4.7インチに拡大されたのに、UIグラフィックのサイズは同じでいいのかとお思いの方に向けて、改めて画面解像度とピクセルグラフィックの関係を説明
(写真=ZUU online) 東大教授・山中俊治氏のデザインシンキング JR東日本でSuica改札機の導入が始まったのは2001年。かれこれ15年近く経ち、自動改札の普及で切符を買う回数は本当に激減しました。 昨年ごろから新型のSuica改札機の導入が始まりました。新型機では出口にある液晶部ではなく手前の液晶に残高表示されるようになりましたが、ほんの小さな違いでも自分自身が戸惑うほど、改札でSuicaをかざして残高をちらりと見るという動作が習慣になっているのがよくわかります。 Suica改札機の読み取り部のデザインを担当したのは、著名な工業デザイナーで東京大学教授でもある山中俊治氏です。山中氏が講演、書籍やブログでその開発裏話を紹介したことで、Suica開発機の魅力や工業デザインの醍醐味が多くの人に知れ渡ることになりました。 工業デザインに無知な私も大いに知的刺激を受けたのを思い出します
実用的なテクニックから、こんなこともできるんだ!とワクワクするすごいアイデアまで、Web制作者はチェックしておきたいUIを実装するテクニックをCodePenから紹介します。 JavaScriptは最小限にして、アニメーションなどCSSでできることは全てCSSで、というのが実装の傾向ですね。
グッドパッチのデザイナーがSketch 3を使ったUIデザインの方法を解説する本連載。第1回ではSketchの魅力についてお伝えしました。今回は、スマートフォンアプリの「Sign upページ」を例に、基本的なUIをデザインする上で必要なSketchの操作を説明します。Sketchの使い方だけでなく、UIデザインに役立つTipsも紹介します。 ※文中の(A)などはショートカットキーです。積極的に使って覚えていきましょう! Sign upページは、以下の手順で作成します。 アートボードを用意する ナビゲーションバーを置く ユーザーアイコンの画像を丸く切り抜き配置する 入力欄を作成する ボタンを作成する 解説の中では細かい数値や色については触れませんが、同じ数値で作成したい方は図を参考にしてください。また、今回作成する「Sign upページ」のSketchデータはこちらからダウンロードできます。
<!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <div id="scrollArea" class="clusterize-scroll"> <table> <tbody id="contentArea" class="clusterize-content"> <tr class="clusterize-no-data"> <td>Loading data…</td> </tr> </tbody> </table> </div> </div> <!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <
記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 日本では知名度が低い気がする画像共有サービス「Pinterest」。 実はUIデザインの参考画像なんかを探すのにとても便利なんです! 以下、説明していきますね。 Pinterest カテゴリ: ソーシャルネットワーキング 価格: 無料 キーワードを入れて検索するだけで、いい感じの画像がたくさん出てくる! 検索画面で「UI」「iPhone」などのキーワードを入れるだけで、いい感じの画像がたくさん出てきます。 「Google画像検索でも同じことできるじゃん」って思った方もいるかもしれませんが、Google画像検索で出てくる画像はあくまでも「Googleのコンピューターが機械的に集めてきた画像」なので、微妙な画像もたくさん混じってたりします。 それに対してPinteres
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く