Introduction | Telescope Magazine
本ウェブサイトで利用するCookieには、第三者のCookieも含まれる可能性があります。Cookieの設定は、いつでもご利用のブラウザの設定よりご変更いただけます。 このサイトを使用することにより、当社の Cookieポリシー に同意したものとみなされます。 ヒューマンインターフェースの役割 世界最初のコンピューター。それは、第二次世界大戦中に弾道計算という軍事目的で開発された、床面積100m2、総重量30ｔという巨大な代物。特別な訓練や教育を受けた、一部の専門家にのみ操作することが許され、一般の世界には固く閉ざされていた。当時は、その巨大な箱の中で何が行われているのか全く分からない、「魔法」のような存在だったのだ。 今、コンピューターは社会に大きく開かれ、人々はスマートフォンやタブレットPCなど最先端の機器を通し、その技術を意のままに使えるようになっている。そして、それは、技術と人の結
Componentによるフロントエンドのパッケージ管理
直近で、新規案件に関わることになりそうなので、ライブラリ選定やタスクランナー、そして今回の依存管理のようにベーシックな話が続いてます。次第に、具体的な実装やコード設計のポストが多くなる･･･はず。 今回はVue.jsでも触れましたが、改めてcomponent - modular javascript frameworkについて。 概要 Componentはパッケージマネージャー兼、依存解決込みのビルドツールです。クライアントサイドについて、JSのパッケージマネージャーやビルダーは既にありますが、Componentは HTML/CSS/JSをセットにして扱うことができます。 npmでいうpackage.jsonと同様に、component.jsonという定義ファイルによって、パッケージの依存関係やリポジトリなどの各種情報を示します。 component/component コア部分のリポジト
SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも
SAP、業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開。レスポンシブ対応でモバイルデバイスにも 業務アプリケーション最大手の独SAPは、業務アプリケーションのためのJavaScript製JavaScrit UIライブラリ「OpenUI5」をオープンソースとして公開しました。 OpenUI5は、同社のモバイルアプリケーションなどに用いられているJavaScript製ライブラリ「SAPUI5」の主な機能をオープンソース化したもの。jQuery、CSSプロセッサのLESS、ODataライブラリのdatajsなどが使われています。 ボタンやアコーディオン、メニュー、テーブル、ダイアログと言った部品だけでなく、レスポンシブ対応のグリッドレイアウトなどのレイアウト用部品も含まれており、モバイルデバイスに対応するレスポンシブデザインのUI構築が可能になっています。 JavaS
takram laboratory » 自己帰属感・体験のインタフェースデザイン
takram academy レポート：講師 渡邊恵太先生 アプリケーションのユーザインタフェースの設計において、サクサク感といった一種の気持ちよさの設計が求められるようになってきています。では、その気持ちよさとは、いったいどこからやってくるのでしょうか？ 明治大学の渡邊恵太先生による本講演では、自己帰属感というキーワードから「人があることを体験すること」とはどういったことなのか、デモを通して明快にご説明いただき、それに基づいたインタフェース・デザインの指針を解説していただきました。 講師 明治大学 先端メディアサイエンス学科 渡邊恵太先生 講演タイトル 「自己帰属感、体験のインタフェースデザイン」 takramでは、幅広い人々との対話を通して共に成長する組織であり続けるために、“takram academy”という寺子屋的な取り組みをはじめました。社内講師によるパイロット講義を通
Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
Skala Preview
Skala Preview is on hold for now If you’re still using Skala Preview, the latest versions of Skala View can be downloaded from the App Store and Google Play Store by viewing your purchase history and tapping the download button. The latest version of the Mac app can be downloaded here: Skala Preview 2.0.
The Future of Design Is More Than Making Apple iOS Flat
Not only is the Jobs vs. Ive framing overly simplified, it’s also irrelevant to design discourse. Limiting our skeuomorphism and flat design discussion to what essentially boils down to a “do these pixels make me look fat” question is a waste of energy. Instead, design should boldly go where no user and interface has gone before. Pixels are infinitely available and infinitely malleable; our techno
ソシオメディア | メタファからイディオムへ
「フラットデザインはUIを進化させるか」では、フラットデザインの特徴を述べると同時に、これからUIが進んでいくであろうモードレスデザインとの関係について触れました。 今回はその裏にある、UIデザインの本質的な要素の捉え方について、メタファとイディオムという観点から掘り下げてみます。またそこから導かれる、開発プロジェクトにおけるUIデザインの位置づけについても考えてみます。 スキュアモーフィック → フラット フラットデザインと呼ばれる平面的で抽象的なUIのビジュアル表現は、装飾的で写実的なスキュアモーフィックデザイン（現実の物の形や質感を模した表現）に対するカウンターとして注目されています。 つまり、「スキュアモーフィックからフラットへ」というトレンドの変化です。 フラットデザインは、単に見た目に新鮮であるだけでなく、UIオブジェクトから例えばドロップシャドウ、テクスチャ、境界線といった装
アプリ製作のための定義ステートメント共有シート
渋谷オフィスを作り社会復帰して以来、チーム内でUI設計を標準化したいと、暇をみては色々なツールを試作している。その中の一部をとして、アプリケーション定義ステートメントの共有ツールをテスト公開。 アプリケーション定義ステートメントとは 聞き慣れない言葉ですが、大雑把にいうとアプリの本質を一言であらわしたコンセプト宣言。 家訓や社訓、電通鬼十則のアプリ開発版みたいなものであり、Appleは自社のヒューマンインターフェースガイドラインで、アプリ設計の最初にこのステートメント作成することを強く推奨しています。ステートメントがチーム全体で共有されていると、アプリがふらふらとブレずにしっかり芯が通ったものになる訳です。 アプリケーション定義ステートメントは、アプリケーションの主要な目的とその対象を、簡潔かつ具体的に宣言したものです。 アプリケーション定義ステートメントを開発作業の早い段階で作成しておく
iOS 7のアイコンがダサいと感じるのは何故か？という考察。
先のiOS 7テンプレートを作るにあたって、色々と錯視調整について調べたりしました。 そこで、至ったひとつの考えをちょろっと書いてみようかな、と。 いきなりタイトルで『ダサい』と断言しちゃってますが、もちろん賛否両論あるのは理解しているつもりです。 だけど、個人的にはダサく感じる。というのが本音。 でも、それを可愛いと感じる人たちがいる。その感覚も分からないでもない。 では、なぜ、ダサいと感じるのか？ さらになぜ、可愛いと感じる人がいるのか？ その答えの一端がなんとなく見えた気がしたので軽く説明していきます。 — 追記 — この記事を書いてしばらくしてから、別の視点からもアイコンについて考えた記事をアップしました。 ご興味のある方は下のリンクも是非。 関連記事：iOS 7 時代に良質なアプリアイコンをデザインするための十ヶ条 ———— 錯視調整とは？どうして必要なのか？ ちなみに冒頭の錯視
fladdictさんが考える「手触りのあるアプリ」（前編） iOS 7のフラットデザインと、これからのUIデザイン
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Teehan+Lax - Defining Experience
iOS 7 GUI PSD A Photoshop template of GUI elements found in the beta 1 release of iOS 7. HDownload PSD Updated June 12, 2013 License stuff: The sole purpose of this file is to help you pitch, design and build amazing software. The file nor its elements are to be repurposed as your own. It can’t be broken apart and used to create similar tools. This PSD is based on the beta, so be aware that design
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
100 Notes: 速記用キーボード「ステノワード」 ...
GitHub - qrush/motion-layout: A nice way to use iOS6+ autolayout in your RubyMotion app. Use ASCII-art inspired format strings to build your app's layout!
GitHub - tombenner/nui: Style iOS apps with a stylesheet, similar to CSS
GitHub - colinta/teacup: This project has been sunset in favor of MotionKit
usablog.jp
新着記事
今必要なCSSアーキテクチャ
