Macintosh から iPhone へ受け継がれるデザイン原則｜Goodpatch Blog グッドパッチブログ
こんにちは。iOS Developer（当時）のusagimaruです。 先日WWDC 2017が閉幕しましたが、グッドパッチでもデベロッパーを中心にWWDC報告会が開催されるなど、とても注目度が高いイベントでした。個人的には、リフレッシュレートの120Hz化によって今後UIやコンテンツがどのように変わるのか、UIKitレベルで統合されたドラッグ＆ドロップによって体験がどのように変わるのか、HEVC/HEIFコーデックによってコンテンツはどこまで進化するのか、ARKitによってUIがどのように進化するのかが気になります。 WWDCで気になったデザイン系セッション さて、6月後半でそろそろWWDCの熱狂が落ち着いてきた頃合いだと思いますが、平熱に戻った今だからこそ改めてWWDCを振り返ってみたいと思いました。デベロッパーとしては、これからがある意味でWWDC本番なのかもしれません。今回も気に
デザイナーに届けたい…マテリアルデザイン事始め Part.2 - Qiita
今回はマテリアルデザインの主なコンポーネントについてです。 前回散々、UIパーツだの要素だの言ってきましたが、そいつらは実際どんなものがあるんだい？ってところを拾っていきます。 いつの日か「ここのUIってこんな感じもどうですかね？」「あー。確かにAndroidってこんな感じのUI多いよね。」「でしょー！」みたいな話ができるようになることを祈って、説明向け資料をまとめていきます。 Part.2 : マテリアルデザインのコンポーネント（小） 前回 Part.1 : マテリアルデザインの概観 次回 [Part.3 : マテリアルデザインのコンポーネント（中）] (http://qiita.com/kazu04r/items/20e16d31dd3292b8c98c) コンポーネントってなんなのさ？ 機器やソフトウェア、システムの構成する部品や要素のこと。 今回の場合は、マテリアルデザインを表現す
Najpopularniejsze Tematy Automatów w Polsce - Kasyno Przewodnik
Hazard online zdobywa coraz większą popularność w Polsce. Wybór odpowiedniego online casino pl może być trudny, zwłaszcza z uwagi na dużą ilość dostępnych opcji. W tym artykule przedstawimy najlepsze online casino pl dla polskich graczy, omawiając kryteria wyboru, a także oferując szczegółowe przeglądy wybranych kasyn. Bitcoin to pierwsza i najpopularniejsza kryptowaluta na świecie. Została wprowa
The following are the possible ways to create professional animations in SVG:
The following are the possible ways to create professional animations in SVG: 1) ANIMATE WITH SMIL SVG is the universal standard format for vector graphics images. The best feature of the SVG format is its internal animation markup language, SMIL. The acronim stands for Synchronized Multimedia Integration Language, and was originally introduced by the W3C as a descriptive language for animations o
Create an Interactive Splat Animation in SVG
Splat - it's the new click! Chris explains the process of making an interactive splat animation for a radio button using SVG, GreenSock and a whole load of goo. In it he covers the Export function from Adobe Illustrator, the DrawSVGPlugin from GreenSock, the goo SVG filter effect (blur and contrast) and highlights some gotchas. Below are links to some references in the video The original pen:
How to successfully use animations in your mobile app
Custom software development Tailored software solutions and software augmentation services to meet unique business needs, drive operational efficiency, and stimulate business expansion Read more Development teams Dedicated development teams and professionals that work exclusively on your project and ensure top-notch tailored solutions Read more IT consulting Expert guidance on leveraging advanced
守ってはいけない、iOSのデザインルール4つ
ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての
Stop Gratuitous UI Animation
This mini essay will explore the over use of animation in UI design, show comparisons with early visual design and offer some suggestions for effective GUI motion design. If you liked this article you may also be interested in reading about effective prototyping. We’ll also briefly explore how to improve on the following interaction. Example of Poor UI motion designClick here to interact with a li
10 Material Design Web Frameworks Worth Considering
What happens when you combine the principles of great design with the innovations of technology and science? Well, that is just what Google did, and created the concept of Material Design. Simply put, Material Design is a visual design concept that brings together the principles and rules of classic design and the probabilities and norms of science or technology. Since Material Design is hugely po
Calltoidea - Light up your imagination
If you like Calltoidea, let's trythe first community for link lovers.
More Transparent UI Code with Namespaces – CSS Wizardry
6 March, 2015 More Transparent UI Code with Namespaces Written by Harry Roberts on CSS Wizardry. Table of Contents The Namespaces Object Namespaces: o- Component Namespaces: c- Utility Namespaces: u- Theme Namespaces: t- Scope Namespaces: s- Stateful Namespaces: is-/has- Hack Namespaces: _ JavaScript Namespaces: js- QA Namespaces: qa- Handy Side Effects Detecting Namespaces Finding (In)valid Class
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tiny Trends #1: Non-Rectangular Headers
Appealing | Mobile UI Animations
“Flat Design”? Destroying Apple’s Legacy… or Saving It : Cheerful
Drop Downs Should be the UI of Last Resort (with image, tweet) · lukew · Storify
All-in-one visual testing and review platform | Percy
16 Essential Modern Web Design Elements for Apps and Websites
limelight.link
Mockit&Customizable iPhone 8 and X mockups.
Mobile Design Inspiration
