来自 摄影 2019-10-05 06:22 的文章
当前位置: 463.com永利皇宫,永利皇宫 > 摄影 > 正文

3D Sheet

;

Action Sheets 动作表单

动作表单是一种特定的警告样式,它出现在对控件或操作的响应中,并呈现一组与当前上下文相关的两个或多个选项。使用动作表单让人们启动任务,或者在执行潜在的破坏性操作之前请求确认。在较小的屏幕上,一个动作表单从屏幕底部滑出。在较大的屏幕上,一个动作表单会立即显示为弹出窗口。

Provide a Cancel button if it adds clarity.
提供一个取消按钮,如果它增加了清晰度。
当用户放弃一项任务时,取消按钮会逐渐增强信心。取消按钮应该总是包含在动作表单的屏幕底部。

Make destructive choices prominent.
做出破坏性的选择突出。使用红色按钮来执行破坏性或危险的动作,并在动作表单的顶部显示这些按钮。

Avoid enabling scrolling in an action sheet.
避免在动作表单中滚动。
如果动作表单有太多选项,人们必须滚动查看所有选项。滚动需要额外的时间来做出选择,并且在不需要不经意地点击一个按钮的情况下很难做到。

开发人员请参考the UIAlertControllerStyleActionSheet constant in UIAlertController.

ToDo

免责声明:以上内容均来自官方文档iOS 设计指南,在有道翻译的基础上进行修改整理,仅用于个人学习。因个人水平有限,如果存在错误,请读者谅解并指出,非常感谢!

www.cnblogs.com/Files/cj723/BigTalkDesignPattenSourceCode.rar

This is some neat technique for presenting boring client stuff in a interesting way *lolFollow the steps exactly - the images you see down below are bit jaggy i know, but you wouldn't wannna wait for 500 KB files i guess. Here we go:1.Open the image you wish to bring into the third dimension.图片 12.Add a new layer below your image and make the Image -Canvas Size a lot largerNow go to image-rotate canvas-90°CCW.图片 23.Make sure your sheet has no white border and apply Filter - Distort - Shear as shown in the example above.图片 3图片 44.Now got to Edit - Transform - Rotate and rotate the image-layer clockwise until it's almost upright, refer to my image.图片 55.Bring up Edit- Transform- Perspective and move the lower right adjustment point outward to achieve what you see below.图片 66.Next step is applying a realistic shadow not that instant one PS provides *lolCreate a new layer above the others, make a selection fitting the transformed paper by CONTROL + click on the image-layer.Make sure the new blank layer is active and pick the gradient tool (linear gradient). Change the foreground color to light grey, the backgound color to black, choose the gradient-option "Foreground to Background" and apply the gradient exactly (!) as shown.图片 7 图片 87.Place the shadow-layer below your image, move it a bit right and down to appear and apply Filters-Blur-Gaussian - set the amount as high as needed to make the edges of the shadow pretty soft.图片 98.Bring up Image - Transform - Distort and move the lower right adjustment point like i did it.图片 109.Now we have a pretty correct and damn realistic shadow that makes the whole think spicey.Change the opacity of the shadow-layer to about 85% to make the shadow appear realistic and you're done. have phun[ phunk ]

chengjielong@163.com

图片 11

本文由463.com永利皇宫,永利皇宫发布于摄影,转载请注明出处:3D Sheet

关键词: