よりよいネーミングを目指して / 20171003 #orecon_ios #akibaswift
俺コン Vol.1 / Day. 2 - connpass https://orecon.connpass.com/event/64285/ での発表資料です。 # 参考資料 リーダブルコード ―より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice) | Dustin Boswell, Trevor Foucher, 須藤 功平, 角 征典 |本 | 通販 | Amazon https://www.amazon.co.jp/dp/4873115655 Amazon | 新装版 リファクタリング―既存のコードを安全に改善する― (OBJECT TECHNOLOGY SERIES) | Martin Fowler, 児玉 公信, 友野 晶夫, 平澤 章, 梅澤 真史 通販 https://www.amazon.co.jp/dp/427405019X
日本企業はAppleを見習え：最高デザイン責任者が必要な理由 | DIGIDAY［日本版］
UI/UX特化のデザインスタートアップ、グッドパッチの代表取締役社長の土屋尚史氏は「デザインは装飾ではなく『誰に対してどういう価値を提供するのか』を突き詰めること。日本企業はデザイン投資に対して欧米企業ほど熱心ではない。Appleを見習い取締役会にCDO（最高デザイン責任者）を置くべき」と語った。 欧米企業では経営層がデザインシンキングを採り入れるのはトレンドではなく、常態化。テック企業やコンサル、金融機関が相次いでデザインファームを買収している。経営陣をデザイン施設に招いてデザインシンキングを体験したり、ビジネス・デザイン・エンジニアリングの人材が議論してモバイルアップを作ったりすることが当たり前になりつつある。 スマートフォンに代表されるデジタルデバイスの普及により、顧客接点で生まれる価値が拡大しており、この部分にテック企業から伝統的な企業まで投資している。UI/UX特化のデザインスタ
「デザイナーとして、ちゃんとできる」『ほぼ日刊イトイ新聞』とフォントのはなし
インターネットがようやくみんなのものになった頃からずっと、自分たちの日常周辺にあるものに目を向け、気付いたり味わったりさせ続けてくれているWebサイトがあります。 『ほぼ日刊イトイ新聞』さんです。中の人たちは、もしかしたらそんなつもりはないのかもしれません。 けれど、インターネットの「良心」は少なからずここから栄養をもらっているのではないかと思っています。 そんな ほぼ日さんが、モリサワのTypeSquareを導入されてから約１年が経過しました。 日頃、たくさんの個性的な記事をどんな風に制作しているのか、TypeSquareをどう活用していただいているのか、お話を聞いてきました。（以下、敬称略） 左から、システムご担当の斉藤妙子さん、デザイナーの岡村健一さんと田口智規さん ■記事１本ごとに、みんな手づくり — 「ほぼ日刊」としながら毎日新しい記事が更新されるほぼ日さん。一般的なニュースサイ
iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
オンボーディングについてレストランから学ぶべきこと
Adamはイギリスの起業家および慈善活動家で、「違いを作る人たちが違いをもたらす仕事をサポートする」というミッションの下に活動するFairheadという企業の創設者です。 一流のシェフが料理に対して「火の通し過ぎだ」と怒鳴りつけることと、ユーザーに対する優れたオンボーディングの間には、どのような関係があるのでしょうか？ 素敵な食事の体験というものには、食べ物自体よりはるかに興味をそそられる何かが存在します。それこそが、オンボーディングの体験です。 編注：オンボーディングは、新規ユーザーがサービスに慣れてもらうためのプロセスを指します。 この記事では、レストランでのオンボーディングの優れた部分と、それを今後のUXデザインにどのように応用できるかを解説していきます。 １. ドアの向こうにあるもの 前回私が妻とパリを訪れたとき、ほかの観光客と同じように私たちはよく外食をしました。ドラマチックな演
Macintosh から iPhone へ受け継がれるデザイン原則｜Goodpatch Blog グッドパッチブログ
こんにちは。iOS Developer（当時）のusagimaruです。 先日WWDC 2017が閉幕しましたが、グッドパッチでもデベロッパーを中心にWWDC報告会が開催されるなど、とても注目度が高いイベントでした。個人的には、リフレッシュレートの120Hz化によって今後UIやコンテンツがどのように変わるのか、UIKitレベルで統合されたドラッグ＆ドロップによって体験がどのように変わるのか、HEVC/HEIFコーデックによってコンテンツはどこまで進化するのか、ARKitによってUIがどのように進化するのかが気になります。 WWDCで気になったデザイン系セッション さて、6月後半でそろそろWWDCの熱狂が落ち着いてきた頃合いだと思いますが、平熱に戻った今だからこそ改めてWWDCを振り返ってみたいと思いました。デベロッパーとしては、これからがある意味でWWDC本番なのかもしれません。今回も気に
つよいUI - transitkix design log
…というものを最近考えていました。「画面デザインのOKももらったし、私の仕事は終わり！あとはエンジニアに指示書を渡すだけ」と一息ついた時にこそ、改めてデザインを見つめなおすべきです。 つよいUIであるための7つの視点 1.本来、そこにあるはずの情報がない場合はどうなりますか？ リストUIで載せる情報が0件、文章が空っぽ、画像がない時など 2.表示する要素が想定よりすごく多い/すごく少ない場合はどうなりますか？ 数字の桁数、文章の行数、文章が入りきれない場合は文中・文末のどこを省略すべきか…など 3.ユーザーさんの立場によって、表示要素に変化はありませんか？ ゲストとログインユーザー、無料会員と有料会員…など 4.ロード中、もしくはロードされるまで何が出ていますか？ 通信中の表示、読み込み中の画像エリア…など 5.予期せぬエラーが起こった時、画面はどうなりますか？ 通信エラー、リンク先のコン
ナビゲーションバーを透明にする transparent UINavigationBar - ObjecTips
サンプルとして UINavigationController の rootViewController に UITableViewController を設定したものを使う。 UINavigationItem に適当にボタンを設定して UITableView の tableViewHeader に UIImageView を aspectToFill で入れて画像を設定。 Storyboardはこんな感じ ビルドするとこうなる 単純に UINavigationBar を非表示にしたい時は [self.navigationController setNavigationBarHidden:YES animated:YES]; 透明にしたい時は空の画像を背景に設定してやる。 [self.navigationController.navigationBar setBackgroundImage:
2024 winners and finalists - Apple Design Awards - Apple Developer
Streaming is available in most browsers, and in the Apple Developer app. Every year, the Apple Design Awards recognize innovation, ingenuity, and technical achievement in app and game design. But they’ve also become something more: A moment to step back and celebrate the Apple developer community in its many forms. Delight and Fun Winners in this category provide memorable, engaging, and satisfyin
#iosdc 2016 A-1 Handling rich text in Swift - niwatakoのはてなブログ
twitter.com The handling of rich text is not easy. We may consider a lot of things like fonts, characters, glyphs, emojis, images, ligatures, etc. In this talk, I will show you the basics of laying out text and how to handle complex text layouts in Apple's OS. iosdc.jp speakerdeck.com Handling rich text in Swift Objective-Cでも使える話です。iOSにおけるテキストレイアウトについて。 これは1分で作ったアプリです 違和感を感じるところが幾つもあると思います。デザイナーさん
スティーブ・ジョブズに捧ぐ、アップル初デザイン本。ジョナサン・アイブ独占取材
November 15, 2016 | Design | casabrutus.com | interview_Kunichi Nomura text_Keiko Kusano アップルから『Designed by Apple in California』が発売される。アップルデザイン20年の歴史を、プロダクトの写真450点を通して語る公式の書籍だ。カーサは、アップルのチーフデザインオフィサー、ジョナサン・アイブを独占取材。構想8年、序文で“スティーブ・ジョブズに捧げる”と掲げた、その思いとは？ Ｑ フォトブックを拝見しました。本当に美しい本ですね。 Ａ ありがとうございます。私たちにとって今回のプロジェクトは、いろいろな意味において“めったにないこと”です。デザイナーの立場からすると、私たちが今、没頭しているのは「未来」についてなんです。つまり、まだこの世に存在していないものを新たに
これからのUXデザインにおけるモーションデザインの重要性
モーションデザインとは空間の関係性や、機能性、あるいは意図を美しく流動的に説明する際に使われます。「モーション」というと大げさに聞こえるかもしれませんが、効果的に使用したものはさりげなく自然なものです。よく考えられたモーションデザインは、従来のデザイン要素よりもよりUXを高めることができるはずです。 今回はモーションデザインの基礎や、いつ、そしてなぜモーションデザインを使うべきなのか、そしてより良いUXのためにどうモーションデザインを使えば良いのかをお話ししましょう。 モーションを基盤としたデザイン モーションは物語を伝えることができます。アプリがどのように構成され、何ができるのかを表現できるのです。モーションはナビゲーションを再定義し、インタラクションに新たな深度をもたらし、より自然な体験を作り出すのです。クリックしたボタン、画面のトランジションのひとつひとつに物語があることを、モーショ
「絶対フォント感を身につける。2」MdN11月号はフォント特集 ● type.center
絶対フォント感を身につける、26のレッスン 〈基礎知識編／実践編／深読み編〉書体の見方を26のレッスンで学んで、「絶対フォント感」を身につける！ もじ鉄のススメ！ ＆ えきもじ探訪 京浜急行電鉄編 「乗り鉄」や「撮り鉄」ならぬ、鉄道の文字に注目して楽しむ「もじ鉄」入門記事。旅先や通勤の駅での文字探索が楽しくなる！？ 書体史研究家・小宮山博史インタビュー 明朝体活字は西洋からやってきた？ 日本語書体の研究に人生を捧ぐ書体史研究家が活字からデジタルまでの書体文化を語る。 『文字の食卓』著者・正木香子の綴る、現代に生きる写植の世界 DTP以前の印字・組版システムとして活躍した「写真植字」。写植の時代と、装丁の中で現代も息づく写植書体について、文字を食して言葉を味わう「文字食」日々実践をモットーに執筆を行っている正木香子さんに綴ってもらいました。
女子向けアプリのUI解剖！MERYから見るピンクの話 | DevelopersIO
こんにちは、デザイナーの宮嶋です。 すっかり秋らしい天気になり、いよいよ本格的に秋物の服が欲しくなってまいりました。 メイクやネイルも秋っぽいカラーを取り入れたい！ でもこの秋は何が流行るんだろう？買い物に行く暇があればゲームしてたいし……。 そんな時はアプリで調べて、そのまま通販ですべて購入してしまいましょう！ スマートな引きこもりオタク女子を極めていきたいものですね（年齢的に"女子"はキツいとか言わない） ……というわけで、今回はイマドキ女子御用達アプリのUIデザインを見ていきたいと思います。 ※あくまで個人的な解釈のため、実際の制作意図とは異なる場合があります。 「女性向け」のイメージ ところで、皆様は女性向けと言うとどんなイメージがありますか？ ピンク フリル リボン 美容 ダイエット 恋愛 ……などなど、挙げだしたらキリがないですがだいたいこんなところでしょうか。 デザインの話を
新しいものが大好きなGoodpatchで8月に話題になったアプリ、サービス、デザインまとめ(2016) | Goodpatch Blog
こんにちは！新卒デザイナーの鈴木です。 日差しの強さはまだまだ残っていますが、空気がだんだんと秋に近づいてきました。 季節の変わり目に体調を崩されませんよう、ご注意くださいね。 それでは、今月Goodpatchで話題になったアプリ、サービス、デザインを紹介します！ 過去の月間まとめはこちらからどうぞ！ Isotope – Periodic Table This Material Design App Will Make You Want to Study Chemistry Again マテリアルデザインを取り入れた周期表アプリです。 このアプリは、デザイナーのAnders Bjarnleが、かつてMaterialUpに載せたデザインが他のクリエイターから話題を呼び、 ぜひ実現化してほしいという多くの声を受けて作られました。 そこからもわかるように、化学が苦手な人でもついつい触ってみたくな
OpenTypeフォント「嵯峨本フォント」をテキストエディットで楽しむ方法 | ソフトウェア | Mac OTAKARA
※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 日本電子出版協会が開催した「木田泰夫氏：電子出版、日本語処理、漢字フォントの歴史」のあと、セミナーに参加していた字游工房の鳥海修氏や同社スタッフの方々と食事することになり、OpenType書体「かづらき」や「こうぜい」といった日本の文字が本来持っているボックスにとらわれることなく、自由で優美な連綿体による文字の表現について聞いたところ、すごく格好良いフォントがあると言って「嵯峨本フォントプロトタイプ」を紹介しはじめ、もの凄くマニアックな解説までしてくれました。 嵯峨本は、海外から伝わってきた活版印刷術に刺激を受け、江戸時代初期に作られた木活字による組製版本だそうですが、あまりにも手間がかかるため木版印刷が主流となり、世界の歴史と逆行する形となってしまった古活
フリーランスデザイナーの「つくること、はたらくこと」 - Speaker Deck
Transcript ϑϦʔϥϯεσβΠφʔͷ � ʮͭ͘ Δ͜ͱɺ ͨΒ ͘ ͜ͱʯ ࣗݾհ ͢Έ͔ͩ͋ ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔϥ ϯεʹɻ ओʹ-1αΠ τͷσβΠϯɺ ΠϥετΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ σβΠϯΛ࡞Δ ʮཧʯ ͱ ʮϏδϡΞϧʯ � ཧฤ � ϏδϡΞϧฤ � σβΠϯͷઆ໌ฤ ϑϦʔϥϯεͱͯ͠ಇ͘ Θͨ͠ͷ৺ಘ 01 02 ࠓͷͶΒ͍ ࠓͷςʔϚ ʮσβΠϯࡇʯ ɻ ʮσβΠϯղܾʯ ͜ͷ͜ͱΛͣͬͱ؊ʹ͡ ͖͚ͯͨΕͲɺ ࠷ۙͲ͏ͬ͘͠ Γ͜ͳ͍ɻ ࠓͷͶΒ͍ ݟ͚͕ͨͩσβΠϯ͡Όͳ͍ɺ ͰσβΠϯͷத Ͱɺ ͖Ε͍ͳ৭ɺ ͖ͯ͢ͳϑ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
より良いUXを実現するための開発プロセスとは / Development process for better UX
IDEA * IDEA
視差効果を減らす設定をオフにした - すてィーろ.swift - Medium